如何在webpack+vue.js下配置使用scss
1个回答
2017-03-06 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数：117533
获赞数：517213
长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
![]()
展开全部
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' 就可以了。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
