Angular 6 - 在生产中未加载自定义 CSS



我已经在我的应用程序中加入了一个引导主题。我已经将文件复制到src文件夹中(与styles.css级别相同(,并将其添加为angular.json中的最后一个css,如下所示:

"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/WFRH-Web",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets",
"src/web.config"
],
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap-select/dist/css/bootstrap-select.min.css",
"src/theme_minco.min.css"

在开发模式下,样式可以正常工作,但在部署我的应用程序后它们不起作用。

我用于部署的步骤是:

1) ng build --prod
2) firebase deploy

我还尝试在样式中使用包含.css并且只保留样式.css在angular.json中如下所示:

@import "theme_minco.min.css";

无济于事,因为它也不起作用(它仅适用于 dev(。

有什么帮助吗?

禁用 angular.json 中的 extractCss 标志为您的生产配置

最新更新