當前位置:編程學習大全網 - 網站源碼 - 如何在webpack+vue.js下配置使用scss

如何在webpack+vue.js下配置使用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' 就可以了。

  • 上一篇:github有什麽用
  • 下一篇:如何修改webdriver源碼
  • copyright 2024編程學習大全網