美文网首页
vue2.0中webpack编译sass

vue2.0中webpack编译sass

作者: 长剑如歌 | 来源:发表于2018-12-04 10:58 被阅读0次

要点:

1,需要安装sass-loader和node-sass和extract-text-webpack-plugin插件,新版本的vue-cli中在util.js中已配置了对sass的编译,但webpack.base.config.js中需要const ExtractTextPlugin = require('extract-text-webpack-plugin')引入插件。

操作:

1,直接在组件中使用

<style lang="scss" scoped>

color:red; .box{ width:300px; height:300px; border:1px solidcolor;
}

2,在全局main.js中引入

import 'scss文件路径'

相关文章

网友评论

      本文标题:vue2.0中webpack编译sass

      本文链接:https://www.haomeiwen.com/subject/oscmcqtx.html