elementUI按需引入

I-安装babel依赖
    cnpm install babel-plugin-component -D

II-修改配置

    修改.babelrc 如果是vueCli3 则修改babel.config.js,找到plugins新增数组项

        [

        "component",

        {

              "libraryName": "element-ui",

              "styleLibraryName": "theme-chalk"

        }

      ]

III-新增文件,管理elementUI

    在src下新建element文件夹,新增index.js

        import {Button} from 'element-ui'

            const elem = {

                install:function(Vue){

                    Vue.use(Button)

                }

            }

        export default elem

IV-全局注册

    在main.js中引入

        import 'element-ui/lib/theme-chalk/index.css'

        import element from './element/index'

        Vue.use(element)

你可能感兴趣的:(elementUI按需引入)