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)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容