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) { } } }

没了,就这样。

 

猜你喜欢

转载自www.cnblogs.com/djjlovedjj/p/11050314.html