前端开发Vue.js专区

如何在webpack+vue.js下配置使用scss

2016-08-07  本文已影响2485人  LoneRanger

作为一个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' 就可以了。

上一篇下一篇

猜你喜欢

热点阅读