vue elementui 按需加载 css减少情况

 

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//import { Button } from 'element-ui'; 这一行是 按需加载需要的，按需加载 情况下，见上图，两个css都减少很多，下面那个css没有element的样式。如果是全部加载，见下面的图。两个css都会大很多，特别是下面这个css将包含所有的element-ui的样式。上面那个css里也有element按钮的样式.

import "./plugins/element.js";  这一行是全部加载需要的
//Vue.use(Button)  这一行是 按需加载需要的
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')