Nuxt配置Element-UI按需引入-纯干货-亲试完全有效

当前使用的版本：
Nuxt@2.15.7、Element-ui@2.15.2

第一步 安装按需引入插件

 npm install babel-plugin-component -D
 yarn add babel-plugin-component --dev

第二步找到nuxt.config.js

// 屏蔽或删除element-ui-css(按需引入会加载对应模块的css)
css: [
   // 'element-ui/lib/theme-chalk/index.css'
 ],
// 添加-按需打包
build: {
  transpile: [/^element-ui/],
  babel: {
    plugins: [
      ['component',
        {
          libraryName: 'element-ui',
          styleLibraryName: 'theme-chalk'
        }
      ]
    ]
  }
}

第三步在plugins/element-ui.js配置你需要的组件

import Vue from 'vue'
import { Button, Loading } from 'element-ui'
Vue.use(Button)
Vue.prototype.$loading = Loading.service;