Nuxt配置Element-UI按需引入的操作方法

// element-ui.js
import Vue from 'vue'
import {
 Container,
 Header,
 Aside,
 Main,
 Menu,
 MenuItem,
 Button,
 Form,
 FormItem,
 Input
} from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

const ponents = [
 Container,
 Header,
 Aside,
 Main,
 Menu,
 MenuItem,
 Button,
 Form,
 FormItem,
 Input
];

const Element = {
 install (Vue) {
 ponents.forEach(ponent => {
  Vue.ponent(ponent.name, ponent)
 })
 }
}

Vue.use(Element, { locale })

module.exports = {
 /
  Plugins to load before mounting the App
  https://nuxtjs./guide/plugins
 /
 plugins: ["@/plugins/element-ui"],
}

module.exports = {
 /
  Plugins to load before mounting the App
  https://nuxtjs./guide/plugins
 /
 plugins: [
 {
  src: "@/plugins/element-ui",
  ssr: false // 关闭ssr
 }
 ],
}

module.exports = {
 /
  Global CSS
 /
 css: ['element-ui/lib/theme-chalk/index.css'],
}

module.exports = {
 /
  Global CSS
 /
 css: [],
}

module.exports = {
 /
  Build configuration
  See https://nuxtjs./api/configuration-build/
 /
 build: {
 babel: {
  "plugins": [
  [
   "ponent",
   {
   "libraryName": "element-ui",
   "styleLibraryName": "theme-chalk"
   }
  ]
  ]
 }
 }
}