vue中sass的使用

一、在安裝sass

1、cnpm install node-sass --save-dev （安裝node-sass）
2、cnpm install sass-loader --save-dev （安裝sass-loader）
注意：下載sass-loader時需要指定版本號；cnpm install [email protected] --save-dev
3、cnpm install style-loader --save-dev （ //安裝style-loader ，安裝 vue-style-loader 其實是一樣的）

二、配置文件

1、打開build文件夾下面的webpack.base.config.js

加入這行代碼

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

2、使用

特別注意

最近我遇到了一個大坑，首先這個配置是沒有問題的，網上最多的也是這種配置方法；然而當你配置好了之後，一引用scss就報錯，
以下是報錯圖片

他會一直告訴你

this.getResolve is not a function at Object.loader

這個時候你看一下你的 package.json 找到 sass-loader 會發現 sass-loader 的版本是8.0.0

只要你把 sass-loader 的 版本 改成 7.2.0 (或者 7.3.1) 都可以，然後重新下載包，就好了；
至於怎麼配置 8.0.0 我也不知道；