sass是依赖于node-sass,所以要安装node-sass。
sass-loader版本不要过高。
npm install node-sass --save-dev
npm install sass-loader@7.0.3 --save-dev
如果安装node-sass报错,无法安装,可能是安装的镜像源国内访问不稳定造成的,可以换成国内的镜像源来下载。
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
这时再执行node-sass的安装命令就可以了。
安装成功后,找到build目录下的webpack.base.conf.js文件,在module/rules下增加如下配置:
{
test: /\.sass$/,
loaders: ['style','css','scss']
}
在使用的时候在style标签上添加 lang="scss" ,import引入scss文件。
<style lang="scss">
</style>