样式不能从angular.json样式数组angular 6中拾取，但可以很好地处理styles.css中的导入

Question

我在angular.json样式数组中包含了一些样式，如下所示：

 "styles": [
              "src/styles.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/primeng/resources/themes/omega/theme.css",
              "node_modules/primeng/resources/themes/bootstrap/theme.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
            ]

但这不是挑选风格，因为我看不到原始表的风格和其他风格。不过，如果我像下面这样在styles.css文件中导入样式，则可以很好地工作：

@import '../node_modules/primeng/resources/themes/omega/theme.css';
 @import '../node_modules/primeng/resources/themes/bootstrap/theme.css';
 @import '../node_modules/primeicons/primeicons.css'

我相信我们可以使用上面的任何一种方法，如果这是不正确的，请告诉我。

我还多次重启了ng serve。

任何帮助都是非常感谢的。感谢大家的期待。

我使用angular 6作为它的明显从angular.json，也让我知道是否有任何其他代码或信息必须共享。

Answer 1

您也可以让.angular.cli.json保持原样

 "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/primeng/resources/primeng.min.css",
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "styles.scss"
      ],

样式的顺序很重要。在上面的例子中。将首先应用引导css，然后是primeng主题，最后是您的自定义scss文件。最终，styles.scss将覆盖所有其他样式。并且不需要在任何地方导入。

Answer 2

在样式数组中添加css后，停止angular项目的本地服务器并重新启动它，简单地说就是重新启动当前angular项目的本地服务器