vue2.0中webpack编译sass

要点：

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文件路径'

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容