npm安装babel-plugin-component 按需加载组件 AND umy-ui

npm install eslint-plugin-node --save
 
npm install eslint-plugin-promise --save
 
npm install eslint-plugin-standard --save
 
npm i eslint-plugin-vue -s
 
npm install eslint --save-dev
 
npm i babel-plugin-component -D



=================
 http://www.umyui.com/

npm install  umy-ui    ||    yarn add umy-ui



创建存放umy-ui的文件    umy-ui.js

//完整引入
import Vue from 'vue';
import UmyUi from 'umy-ui'
import 'umy-ui/lib/theme-chalk/index.css';// 引入样式

Vue.use(UmyUi);

======

最好使用按需引入，借助 babel-plugin-component，以达到减小项目体积的目的。

npm install babel-plugin-component

```======
在babel.config.js中进行设置

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    ["component", {
      'libraryName': "umy-ui",
      "styleLibraryName": "theme-chalk"
    }, "umy-ui"]
  ]
}

=====
按需引入

import Vue from 'vue';
import {
  UTableColumn,
  UTable,
  UxGrid,
  UxTableColumn
} from 'umy-ui';

Vue.use(UTableColumn);
Vue.use(UTable);
Vue.use(UxGrid);
Vue.use(UxTableColumn);

===
在main.js中导入一下文件即可

import  './plugin/umy-ui.js';