Angular 4 CLI ng构建没有转换scss到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

您还需要将angular-cli.json中的styleExt更改为sass ...

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

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

你应该好好去！

了解更多信息，请访问here。

Answer 2

资源文件夹的内容不会因角度而改变。将其移至/ app文件夹并将.angular-cli.json更改为。

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