在 vue
中使用 scss
经常会遇到报错,这里记录一下经常 踩得坑。
正确操作姿势
// 在项目下
// sass-loader需要指定版本,因为版本过高会报错说 this.getOptions 不是一个函数
npm install -D sass-loader@7.0
npm install style-loader --save-dev
npm install node-sass --save-dev
全部安装之后去配置一下scss,让vue识别就好了
在 build
文件夹下的 webpack.base.conf.js
找到 module
下的 rules
配置, 如下配置
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
},
如图所示
完成后即可愉快的使用 scss
了