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

Question

我在我的应用程序中包含了一个 Bootstrap 主题。我已将文件复制到 src 文件夹（与 style.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，只在angular.json中保留styles.css，如下所示：

@import "theme_minco.min.css";

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

请问有什么帮助吗？

Answer 1

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