vue-cli3实现Element-UI按需加载

vue-cli3实现Element-UI按需加载

1、安装element-ui： npm i element-ui -S

 

2、src目录下新建element->index.js文件

 

 里面放入组件：

import {

    Pagination,Button,

    Message

} from 'element-ui';

const element = {

    install: function (Vue) {

        Vue.use(Pagination);

        Vue.use(Button);

        Vue.prototype.$message = Message;

    }}

export default element

 

3、修改babel.config.js

module.exports = {

  presets: [

    '@vue/cli-plugin-babel/preset'

  ],

  "plugins": [

    [

      "component",

      {

        "libraryName": "element-ui",

        "styleLibraryName": "theme-chalk"

      }

    ]

  ]

}

 

4、修改mian.js

import Element from './element/index';

Vue.use(Element);

 

5、在页面中使用

   <el-button type="primary">主要按钮</el-button>