nuxt按需引入 element-UI

Posted 2022-01-22 djjlovedjj

首先你要知道 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) 
    
    

没了，就这样。