在日常的項(xiàng)目開(kāi)發(fā)中，我們會(huì)用到各種第三方庫(kù)來(lái)提高效率筛璧，但隨之帶來(lái)的問(wèn)題就是打包后的vendor.js體積過(guò)大栗菜，導(dǎo)致加載時(shí)空白頁(yè)時(shí)間過(guò)長(zhǎng)，給用戶的體驗(yàn)太差判导。為此我們需要減少vendor.js的體積嫉父，從本質(zhì)上來(lái)解決這種問(wèn)題。
1.在/build/webpack.base.conf.js中眼刃，配置externals
externals:{
? ? "vue":"Vue",
? ? "axios":"axios",
? ? 'vue-router': 'VueRouter',
? ? "vuex":"Vuex",
? ? "element-ui":"ELEMENT"
? },
2.在main.js中引入
import Vue from 'vue'
import router from './router'
//使用element-ui組件庫(kù)
import ELEMENT from "element-ui"
Vue.use(ELEMENT);
import 'element-ui/lib/theme-chalk/index.css';
3.在模版文件index.html中引入
v.js和E.js是自己把文件復(fù)制過(guò)來(lái)放到了公司服務(wù)器上(建議直接引入官方script鏈接)
