作為一個(gè)vue新手绎速,想要搭建腳手架的時(shí)候皮获,發(fā)現(xiàn)有內(nèi)置的webpack方案,美中不足的是沒(méi)有使用scss纹冤,找了很多地方感覺(jué)很多都沒(méi)有說(shuō)清楚洒宝,于是記錄一下。
vue提供了初始化的webpack模板萌京,其中使用了vue-loader待德。
vue-loader默認(rèn)只支持sass, 要是想要使用scss,必須安裝
node-sass和sass-loader枫夺,
然后再webpack的配置文件中添加
module.exports = {
? vue: {
? ? loaders: {
? ? ? scss: ['vue-style-loader','css', 'sass'].join('!')
? ? },
? }
}
然后在.vue格式的模板中,style 標(biāo)簽中添加 lang='scss' 就可以了绘闷。