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
  1. 安装 Element-UI 模块
cnpm install element-ui --save 
  1. 修改 webpack.base.conf.js 的配置,位置:如下图:
    2018/11/26

加入如下代码:

{
	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)

2018/11/26

按需加载

可参考官方文档: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如下代码:
    2018/11/26
  3. main.js
    2018/11/26