Angular 6 - пользовательский CSS не загружается при работе - PullRequest
Новая
       21

Angular 6 - пользовательский CSS не загружается при работе

0 голосов
/ 26 сентября 2018

Я включил тему Bootstrap в свое приложение.Я скопировал файл в папку src (того же уровня, что и styles.css) и добавил его как последний css в angular.json так: 

"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"

и стили работают правильно, когда в devрежиме, но они не работают после развертывания моего приложения.

Шаги, которые я использую для развертывания: 

1) ng build --prod
2) firebase deploy

Я также попытался использовать include в styles.css и только оставляяstyles.css в angular.json вот так: 

@import "theme_minco.min.css";

безрезультатно, потому что он тоже не работает (работает только в dev).

Любая помощь, пожалуйста?

1 Ответ

0 голосов
/ 26 сентября 2018

Отключите флаг extractCss в angular.json для вашей конфигурации prod

...