如何將SCSS集成到我的代碼中

Question

我找不到在我的代碼中引入SCSS的方法。我想改變這一點：

<link href='css.css' rel='stylesheet' type='text/css'> 

到

但它不工作。即使將type ='text/scss'更改爲type ='text/css'。 如何將SCSS整合到代碼中。

PS：我正在使用最新的OSX。

Answer 1

SASS/SCSS是CSS預處理器（What's a CSS Pre-Processor?），不是CSS的不同版本。這意味着SASS不能與常規樣式表互換，因此您不能像通常使用CSS那樣僅將SASS文件鏈接到網頁中。

相反，您創建一個SASS樣式表，然後將其轉換爲適當的CSS。您還可以使用能夠自動處理/鏈接SASS的工具，如Sprockets是Ruby。此外，在Ruby中，你可以使用sass-convert命令從終端到任何SASS/SCSS轉換成CSS，像這樣：

$ sass-convert style.sass > style.css 

還有PHP工具，如PHPSass（see this discussion for more）。