在vue中安装使用sass

vue项目中安装sass

1.安装sass依赖包

npm  install sass-loader --save-dev
 
npm install node-sass --sava-dev

2.在build下的webpack.base.conf.js的rules里面添加配置

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

3.在需要使用的vue页面中加入lang=”scss”

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

4.可能遇到的问题

npm run 的时候报错 “this.getResolve is not a function at Object.loader”

## 原因是sass-loader的版本太高，导致webpack编译时出错

解决方案：打开package.json文件，找到安装的sass-loader ，修改sass-loader的版本为7.0.0
npm i 重新安装一下 
最后npm run dev 就起来了