我到底在哪里包含自定义主题文件？

我为我的应用程序创建了一个自定义主题，但我不知道如何使用它。从文档中，我看到它应该包含在src文件夹中的styles.scss文件中，但我没有在src文件夹中存在该文件。相反，我有styles.css。这是我angular-cli.json文件：我到底在哪里包含自定义主题文件？

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
"name": "test" 
    }, 
    "apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main.ts", 
    "polyfills": "polyfills.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.app.json", 
    "testTsconfig": "tsconfig.spec.json", 
    "prefix": "app", 
    "styles": [ 
    "styles.css" 
    ], 
    "scripts": [], 
    "environmentSource": "environments/environment.ts", 
    "environments": { 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
"protractor": { 
    "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
{ 
    "project": "src/tsconfig.app.json", 
    "exclude": "**/node_modules/**" 
}, 
{ 
    "project": "src/tsconfig.spec.json", 
    "exclude": "**/node_modules/**" 
}, 
{ 
    "project": "e2e/tsconfig.e2e.json", 
    "exclude": "**/node_modules/**" 
} 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
"component": {} 
    }, 
"styles": [ 
     "styles.css", 
     "src/new-theme.scss" 
     ]

}

来源

2017-08-31 annie

导入它在你的.angular-cli.json文件中styles部分：

"styles": [ 
     "styles.css", 
     "new-theme.scss" 
     ],

从documentation，

如果你是使用Angular CLI，支持compilin g Sass to CSS是内置的 ;您只需在指向主题文件的 angular-cli.json的“样式”列表中添加一个新条目（例如， unicorn-app-theme.scss）。

来源

2017-08-31 14:57:32 Faisal

您可以通过18秒的队友打我，删除我的回答 –

@Faisal它不工作 – annie

的路径应是相对于'.angular，cli.json'文件，对？ – annie

如果您使用的是角度cli，您可以在您的.angular-cli.josn文件中添加主题css文件，如下所示。

"prefix": "sd", 
    "styles": [ 
    "../node_modules/bootstrap/scss/bootstrap.scss", 
    "../node_modules/font-awesome/scss/font-awesome.scss", 
    ... 
    "styles.scss" 
    ],

它说scss因为项目lesect使用SCSS，而CSS。你可以改变你的命令行配置如下行

}, 
    "defaults": { 
    "styleExt": "scss", 
    "component": {} 
    }

来源

2017-08-31 14:58:12

我到底在哪里包含自定义主题文件？

回答

相关问题