按需加载element-ui,iview

• 按需加载element-ui
  1.npm i element-ui -D
  2.npm install babel-plugin-component -D
  3.配置.babelrc文件
  {
  “plugins”: [
  “transform-vue-jsx”,
  “transform-runtime”,
  / iview按需加载配置块
  [“import”,
  {
  “libraryName”: “iview”,
  “libraryDirectory”: “src/components”
  }],
  
  element-ui按需加载配置块
  [“component”,
  {
  “libraryName”: “element-ui”,
  “styleLibraryName”: “theme-chalk”
  }]
  /
  ]
  }
  引入组件
  import Vue from ‘vue’;
  import { Button, Select } from ‘element-ui’;
  import App from ‘./App.vue’;

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或写为

• Vue.use(Button)
• Vue.use(Select)
  */
• 按需加载iview
  1.npm i iview -D
  2.npm install babel-plugin-import -D
  3.修改配置见上

注意要引入iview样式
在main.js里
import ‘iview/dist/styles/iview.css’

在vue页面里
import Vue from ‘vue’;
import { Button, Radio } from ‘iview’;
Vue.component(‘Button’,Button);
Vue.component(‘Radio’,Radio);