作为一个vue新手,想要搭建脚手架的时候,发现有内置的webpack方案,美中不足的是没有使用scss,找了很多地方感觉很多都没有说清楚,于是记录一下。
vue提供了初始化的webpack模板,其中使用了vue-loader。
vue-loader默认只支持sass, 要是想要使用scss,必须安装
node-sass和sass-loader,
然后再webpack的配置文件中添加
module.exports = {
vue: {
loaders: {
scss: ['vue-style-loader','css', 'sass'].join('!')
},
}
}
然后在.vue格式的模板中,style 标签中添加 lang='scss' 就可以了。