Angular 6在angular.json中加载css文件夹

Question

我想将我的html模板转换为角度应用程序.我有一个名为plugins和img文件夹的css文件夹.

当我添加时:

 "styles": [
          "src/assets/plugins/listtyicons/style.css",
          "src/assets/plugins/jquery-ui/jquery-ui.min.css",
          "src/assets/plugins/bootstrap/css/bootstrap.min.css",
          "src/assets/plugins/plugins/isotope/isotope.min.css",
          "src/styles.css"

        ]

angular.json文件中的此代码我在尝试启动角度应用程序时遇到错误.我把我的插件文件夹放在assets文件夹中.我收到此错误:

 ERROR in multi ./src/assets/plugins/listtyicons/style.css 
./src/assets/plugins/jquery-ui/jquery-ui.min.css ./src/assets/plugins/bootstrap/css/bootstrap.min.css ./src/assets/plugins/plugins/isotope/isotope.min.css ./src/styles.css
Module not found: Error: Can't resolve 
'/Users/nilay/angular/bes/src/assets/plugins/plugins/isotope/isotope.min.css' 
in '/Users/nilay/angular/bes'

我不知道为什么会收到这个错误.

Answer 1

在角6,你必须添加仅在src/style.css(代替angular.json):

@import "assets/plugins/listtyicons/style.css";
@import "assets/plugins/jquery-ui/jquery-ui.min.css";
@import "assets/plugins/bootstrap/css/bootstrap.min.css";
@import  "assets/plugins/plugins/isotope/isotope.min.css";

并在 angular.json

"styles": [
          "src/styles.css"
        ]