今天用2.0創(chuàng)建項目的時候，使用scss一直不成功，一直報錯………………
記錄一下，防止下次踩坑

1、安裝依賴包

vue的webpack項目中需要安裝上node-sass、sass-loader和style-loader，所以，在項目中，運行一遍：

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

運行以上的命令之后，將在package.json文件中的“devDependencies”屬性中看到對應的版本號。

2、配置loader

在項目中的build目錄找到webpack.base.conf.js文件，在該文件module.export中的module.rules加入解釋scss文件的loader，具體做法是，在數組中加入一個對象，對象的內容如下

{test: /\.scss$/,loader: 'sass-loader!style-loader!css-loader', }

3、指定語言為scss

在.vue文件的style標簽中加 lang=“scss”，寫法如下：

<style lang="scss" scoped></style>

通過以上的步驟就可以在項目中使用sass。

---

emm 我按照這個步驟 執(zhí)行N次，仍舊報錯，最終解決辦法:
看看我們的package.json文件 ，sass-loader 下載的是最新的版本，這樣是不可以的
我們指定下載版本:

npm i sass-loader@7.3.1 -S

下載之后，重新啟動項目就可以正常使用SCSS了！！

如果你還沒有成功，請留言，我們一起解決

總結

以上是生活随笔為你收集整理的Vue2.0项目中使用sass(踩坑之路)的全部內容，希望文章能夠幫你解決所遇到的問題。

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