vue2.0中webpack编译sass

2018-12-04  本文已影响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文件路径'

上一篇 下一篇

猜你喜欢

热点阅读