在 vue 中使用 scss 經(jīng)常會(huì)遇到報(bào)錯(cuò)，這里記錄一下經(jīng)常 踩得坑。
正確操作姿勢(shì)
// 在項(xiàng)目下
// sass-loader需要指定版本，因?yàn)榘姹具^高會(huì)報(bào)錯(cuò)說 this.getOptions 不是一個(gè)函數(shù)
npm install -D sass-loader@7.0
npm install style-loader --save-dev
npm install node-sass --save-dev
全部安裝之后去配置一下scss，讓vue識(shí)別就好了
在 build 文件夾下的 webpack.base.conf.js 找到 module 下的 rules 配置， 如下配置
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
},
如圖所示
圖示.png
完成后即可愉快的使用 scss 了
