2018/11/26

今日总结：
1.了解如何在Vue 脚手架中全部引入Element和按需加载

在 Vue 2.0中引入 element ui

可参考：https://segmentfault.com/a/1190000011023102>

1. 安装 loader 模块:

     cnpm install style-loader -D
     cnpm install css-loader -D
     cnpm install file-loader -D

2. 安装 Element-UI 模块

cnpm install element-ui --save 

3. 修改 webpack.base.conf.js 的配置，位置：如下图：
   

加入如下代码：

{
	test: /\\\\\\\\.css$/,
	loader: "style!css"
},
{
	test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
	loader: "file"
}

全部引入

打开项目：src/main.js,添加下面三条

   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   Vue.use(ElementUI)

按需加载

可参考官方文档：http://element-cn.eleme.io/#/zh-CN/component/quickstart

1. npm install babel-plugin-component -D npm install babel-preset-es2015 --save-dev
2. 添加.babelrc如下代码：
   
3. 在main.js中