《Vue · Element-UI 按需引入》

135 阅读1分钟
```首先项目中运行:

  npm i element-ui -S
  
  
  npm install babel-plugin-component -D
  
  
然后需要在项目根目录的babel.config.js配置文件,新增plugins节点
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
  
最后只需要创建一个专门为element——ui准备好的js文件,做按需导入,注册即可
  类似于:
    import Vue from 'vue'
    import { Button } from 'element-ui';

    Vue.use(Button)

注意,还要在main.js里面导入样式和该文件
  import 'element-ui/lib/theme-chalk/index.css';
  import element from '@/views/elementUI';