Angular 4 CLI ng不构建将CSS转换为CSS

Question

当我运行ng build ，生成的dist文件夹不会将scss文件转换为css 。

我的资产文件夹中有一个main.scss，而.angular-cli.json具有：

"styles": [
        "assets/scss/main.scss"
 ],

.....

"styleExt": "scss",

Answer 1

您可以执行ng new myApp --style=scss

然后，Angular CLI将为您创建带有scss的任何新组件。

您还需要使用node-sass ，像这样安装它：

npm install node-sass --save-dev

你还需要改变styleExt在角cli.json到sass ...

并在angular-cli-build.js使用sassCompiler ，如下所示：

sassCompiler: {
    includePaths: [
      'src/app/scss' //here add scss
    ]
 }

而且您应该很好走！

欲了解更多信息，请访问这里 。

Answer 2

资产文件夹的内容不会按角度更改。 将其移动到/ app文件夹，然后将.angular-cli.json更改为。

"styles": [
   "main.scss"
 ],