基于vue-cli创建项目
vue create my-app
安装element后按需引入,依赖bable-plugin-component
npm install -D babel-plugin-component
安装env
npm i -D babel-preset-env
配置.babelrc文件
{
//官网不怎么维护要更新了
"presets": [["env", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
创建按需引入插件文件src/plugins/element.js
import { Button, Input } from 'element-ui'
const element = {
install: function (Vue) {
Vue.use(Button)
Vue.use(Input)
}
}
export default element
在main.js中使用
import element from './plugins/element.js'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(element)