vue 2.0中引入sass的配置以及版本问题解决方案

在 vue 中使用 scss 经常会遇到报错，这里记录一下经常 踩得坑。

正确操作姿势

// 在项目下
// sass-loader需要指定版本，因为版本过高会报错说 this.getOptions 不是一个函数
npm install -D [email protected] 


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']
},

如图所示

图示.png

完成后即可愉快的使用 scss 了