码迷,mamicode.com
首页 > 其他好文 > 详细

nuxt按需引入 element-UI

时间:2019-06-19 12:26:51      阅读:457      评论:0      收藏:0      [点我收藏+]

标签:插件   配置   web   nbsp   inpu   can   rar   babel   webp   

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

没了,就这样。

 

 

nuxt按需引入 element-UI

标签:插件   配置   web   nbsp   inpu   can   rar   babel   webp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!