如何將SASS編譯為CSS
[英]How to compile SASS to CSS
問題描述
我最近開始尋找Angular4。我已經使用Angular CLI創建了我的項目。 我想知道我們如何將現有的style.sass編譯為style.css因為CLI使用webpack作為默認值。
在我的angular-cli.json ，我提到了default styles: sass 。 不知道從這里去哪里。 接下來我該怎么辦？ 我知道webpack有一個稱為loaders東西，可以用來編譯sass東西。 但是不確定如何在Angular 4 CLI項目中實現。
3 個解決方案
解決方案1
3 已采納 2018-02-27 08:30:38
Angular-cli會為您解決這個問題。
每當您創建一個新組件時，它將為您創建一個相應的component.scss文件。
如果在將默認值設置為scss之前已有組件，則可以進行以下修改：
- 將
[componentName].component.css file重命名為[componentName].component.scss - 修改
[componentName].component.ts文件以替換styleUrls的值，以使用scss文件而不是css文件 - 將全局
styles.css文件重命名為styles.scss - 在
.angular-cli.json file的styles屬性中，將styles.css替換為styles.scss
現在，只需在scss文件中寫入sass，它們就會由angular-cli自動編譯為css
解決方案2
0 2018-02-27 08:34:10
有兩種開始使用Sass的方法
- 應用領域
- 命令行
命令行的所有文檔都位於下面的鏈接中[也可以找到應用程序列表]
嘗試做自己。 如果有任何問題，請在下面的方框中注明。
解決方案3
0 2018-02-27 09:00:28
使用Compass It是SASS的最佳編譯器。 指南針安裝鏈接
如何使用node-sass（沒有Ruby）將sass / scss編譯或轉換為css？
[英]How to compile or convert sass / scss to css with node-sass (no Ruby)?
如何使用 Live Sass 編譯器將所有 scss 編譯為 style.css？
[英]How to compile all scss to style.css with Live Sass Compiler?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.