1.下載

npm install --save-dev sass-loader npm install --save-dev node-sass npm install sass-loader --save-dev 2.使用 vue1中 在build文件夾下的webpack.base.conf.js的rules里面添加配置

{

test:?/\.sass$/, loaders: ['style',?'css',?'sass']

}

?

vue2 中不用，已經自己引入了，再引入會報錯

在style 中加入lang=“scss” 屬性即可

<style lang="scss"><style>

如果.css文件把名字改成.scss即可

?。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

然后我重啟npm run dev發現抱錯了：Module build failed: Error: Cannot find module 'node-sass'

然后這個檢索資料發現可以這么處理：

此處是Vue環境下，把node從8.0.0升級到9.0.0導致了，之前已安裝的4.5.2的Node Sass報錯了。

解決辦法是：

卸載重裝（最新版本的node-sass）即可：

npm uninstall node-sass -D

npm install node-sass -D?

轉載于:https://www.cnblogs.com/sweeeper/p/11282712.html

總結

以上是生活随笔為你收集整理的vue 中使用scss的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。