如何正確地將scss / sass文件與angular-cli捆綁在一起？

Question

試圖從吞噬遷移到angular-cli。 在gulp中，我們為scss捆綁提供了一個單獨的插件-只需運行任務和結果到index.html ...

Answer 1

使用angular-cli安裝項目時，默認情況下會使用css 。 為了使用scss，您需要執行以下操作：

• 使用npm install node-sass --save-dev （用於將scss編譯為css）
• 將CSS文件重命名為.scss
• 更新對css文件的所有引用以使用正確的url

這就是您使用scss所需要做的一切。

有關正在運行的示例，請參見： https ： //www.dropbox.com/s/7i8k7578pr1klsl/angular-cli-test.zip？dl = 0

注意：所有不屬於組件的styles.scss都應放入styles.scss （以前稱為styles.css ，但您剛剛對其進行了重命名）。