Question

我已将Bootstrap主题包含到我的应用程序中。我已将文件复制到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

我也尝试过在styles.css中使用include，只将styles.css留在angular.json中，如下所示：

@import "theme_minco.min.css";

无济于事，因为它也不起作用（仅适用于开发人员）。

有什么帮助吗？

Answer 1

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

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

1 个答案: