按需引入和按需引入样式
这里直接按照官网使用babel-plugin-component
, 在.babelrc
或babel.config.js
中新增plugins
配置
module.exports = {
presets: ["@vue/cli-plugin-babel/preset"],
plugins: [
// 这个就是 `babel-plugin-component` 的配置
[
"component",
{
libraryName: "element-ui",
styleLibraryName: "theme-chalk"
}
]
]
};
然后再对组件进行按需引入
element-ui.js
// element-ui.js
import Vue from 'vue'
import {
Input,
Button,
Form,
FormItem
} from 'element-ui'
Vue.use(Input