Element ui 按需引入

quange • • 前端学习

借助 babel-plugin-component

npm install babel-plugin-component -D

修改 babel.config.js

module.exports = {
  "presets": [
    "@vue/cli-plugin-babel/preset",
    ["@babel/preset-env", {"modules": false}]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

引入需要的组件

import {
    Container,
    Header,
    Aside,
    Main,
    Footer,
} from 'element-ui'

Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Footer)
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
THE END
分享
二维码
< <上一篇
下一篇>>