vue入坑教程（二）在vue项目中如何导入element以及sass

标签：css   dev   配置   rap   value   编译   build   AC   webp   

在项目中导入element以及sass、stylus等方便开发的工具以及UI框架

（1）如何在vue项目中导入elementUI框架

　　elementUI是饿了么团队开发出来基于vue的前端UI框架，其底层原理和bookstrap相似

　　安装 npm install element-ui -S

　　在package.json中检查是否已经装上element

　　在main.js中：import ElementUI from ‘element-ui‘

　　　　　　　　import ‘element-ui/lib/theme-chalk/index.css‘

　　　　　　　　Vue.use(ElementUI)

（2）如何在vue项目中使用sass预编译

　　　安装sass:npm install --save-dev sass-loader

　　　　　　　//sass-loader依赖于node-sass

　　　　　　   npm install --save-dev node-sass

　　　配置：在build文件夹下的webpack.base.conf.js的rules里面添加配置

　　　　　　{

　　　　　　　　　test: /\.sass$/,

　　　　　　　　   loaders: [‘style‘, ‘css‘, ‘sass‘]

　　　　　　 }

　　　在APP.vue中修改style标签

　　　　　　<style lang="scss">

vue入坑教程（二）在vue项目中如何导入element以及sass

标签：css   dev   配置   rap   value   编译   build   AC   webp   

原文地址：https://www.cnblogs.com/wangming1002/p/9059814.html