Angular 4 CLI ng build no scss to css

Question

當我運行ng build時，生成的dist文件夾不會將scss文件轉換爲css。

我有一個main.scss在我的資產文件夾和.angular-cli.json有：

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

.....

"styleExt": "scss", 

Answer 1

資產文件夾ISN」的內容改變角度。將它移動到/ app文件夾並將.angular-cli.json更改爲。

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

Answer 2

你可以做ng new myApp --style=scss

然後角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 
    ] 
} 

，你應該是好去！

欲瞭解更多信息，請訪問here。