2018/11/26
今日总结:
1.了解如何在Vue 脚手架中全部引入Element和按需加载
在 Vue 2.0中引入 element ui
可参考:https://segmentfault.com/a/1190000011023102>
- 安装 loader 模块:
cnpm install style-loader -D
cnpm install css-loader -D
cnpm install file-loader -D
- 安装 Element-UI 模块
cnpm install element-ui --save
- 修改
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
npm install babel-plugin-component -D npm install babel-preset-es2015 --save-dev
- 添加
.babelrc
如下代码: - 在
main.js
中