vue學習日記:在項目中引用sass


vue-cli生成的項目引入sass方法:

npm i -D sass-loader style-loader css-loader node-sass

打開build下的webpack.base.conf.js,在其中的module的rule數組中加入以下規則:

{ test: /\.scss$/, loaders: ["style-loader", "css-loader", "sass-loader"] },

然后在style中測試一下:

<style lang="scss"> #app { h1{ background-color: green; } } </style>

然后ctrl + d再ctrl + c關閉啟動的服務器,重新運行npm run dev,就可以看到效果了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM