nuxt按需引入 element-UI

首先你要知道 nuxt.js怎么引入第三方插件 ；

不多BB。

第一步：安装 babel-plugin-component：

npm install babel-plugin-component -D

第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门左拐不送 nuxt.js怎么引入第三方插件  ）：

import Vue from ‘vue‘

import { Button, Input } from ‘element-ui‘

Vue.use(Button)
Vue.use(Input)

按照这个格式引入自己需要的组件就是了。

第三步：添加nuxt.config.js中的build配置：

export default {
  build: {　　// 按需引入element-ui
    babel: {
      plugins: [
        [ "component", {"libraryName": "element-ui",  "styleLibraryName": "theme-chalk"}]
      ]
    },
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
    }
  }
}

没了，就这样。

原文地址：https://www.cnblogs.com/djjlovedjj/p/11050314.html