如何在webpack+vue.js下配置使用scss
2个回答
2017-06-09
展开全部
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' 就可以了。
vue-loader默认只支持sass, 要是想要使用scss,必须安装
node-sass和sass-loader,
然后再webpack的配置文件中添加
module.exports = {
vue: {
loaders: {
scss: ['vue-style-loader','css', 'sass'].join('!')
},
}
}
然后在.vue格式的模板中,style 标签中添加 lang='scss' 就可以了。
2017-06-09
展开全部
始化的webpack模板,其中使用了vue-loader。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询