在日常的项目开发中,我们会用到各种第三方库来提高效率,但随之带来的问题就是打包后的vendor.js体积过大,导致加载时空白页时间过长,给用户的体验太差。为此我们需要减少vendor.js的体积,从本质上来解决这种问题。
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组件库
import ELEMENT from "element-ui"
Vue.use(ELEMENT);
import 'element-ui/lib/theme-chalk/index.css';
3.在模版文件index.html中引入
v.js和E.js是自己把文件复制过来放到了公司服务器上(建议直接引入官方script链接)
网友评论