# 组件库
# element-ui
# vue 项目按需引入配置
- 安装依赖
npm i element --save
npm install babel-plugin-component --save-dev
1
2
3
2
3
- 配置
babel.config.js文件
module.exports = {
plugins: [
[
"component",
{
libraryName: "element-ui",
styleLibraryName: "theme-chalk",
},
],
],
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
- 在入口文件引入需要的组件
假设文件名为src/registerElementComponent.js
// 导入自己需要的组件
import { Select, Option } from "element-ui";
const element = {
install: function(Vue) {
Vue.use(Select);
Vue.use(Option);
},
};
export default element;
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
- 在
main.js中引入组件库需要的文件
// css样式还是需要全部引入
import "element-ui/lib/theme-chalk/index.css";
import element from "./registerElementComponent.js";
Vue.use(element);
1
2
3
4
2
3
4
← 相关外链