如何在vue中使用sass

李文楊發表於2017-09-28

使用sass,我們需要安裝sass的依賴包

npm install --save-dev sass-loader
//sass-loader依賴於node-sass
npm install --save-dev node-sass

修改style標籤

開啟目錄中的xxx.vue檔案。
然後修改 style標籤如下

<style lang="sass">

如果出現錯誤提示:無效的css。因為sass語法不使用大括號和分號。
如果你喜歡使用不帶大括號的語法,只要去掉css程式碼的大括號和分號,即使用縮排語法。
如果你希望使用帶大括號的語法,即SCSS
那麼,你只要把lang="sass"改成lang="scss"就行了。

 

相關文章