1、首先要安装sass、node-sass、sass-loader
npm install --save-dev sass-loader
npm install --save-dev sass-loader
npm install --save-dev node-sass
2、可能遇到的坑
① 安装node-sass时github仓库下载失败
解决方法:使用淘宝镜像,在gitbass使用如下命令:
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install --save-dev node-sass
② 安装node-sass时,版本和node不匹配
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install --save-dev node-sass@4.14.1
3、配置loader加载器
在 build/webpack.base.conf.js 文件里添加如下语句
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
如此,配置完成。