您好,欢迎来到汇智旅游网。
搜索
您的当前位置:首页Nuxt配置Element-UI按需引入-纯干货-亲试完全有效

Nuxt配置Element-UI按需引入-纯干货-亲试完全有效

来源:汇智旅游网

当前使用的版本:
Nuxt@2.15.7、Element-ui@2.15.2

第一步 安装按需引入插件

 npm install babel-plugin-component -D
 yarn add babel-plugin-component --dev

第二步找到nuxt.config.js

// 屏蔽或删除element-ui-css(按需引入会加载对应模块的css)
css: [
   // 'element-ui/lib/theme-chalk/index.css'
 ],
// 添加-按需打包
build: {
  transpile: [/^element-ui/],
  babel: {
    plugins: [
      ['component',
        {
          libraryName: 'element-ui',
          styleLibraryName: 'theme-chalk'
        }
      ]
    ]
  }
}

第三步在plugins/element-ui.js配置你需要的组件

import Vue from 'vue'
import { Button, Loading } from 'element-ui'
Vue.use(Button)
Vue.prototype.$loading = Loading.service;

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- hzar.cn 版权所有 赣ICP备2024042791号-5

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务