资源加载优化
通过配置externals,来减少该体积
使用示例
webpack的默认打包机制会将我们项目中通过npm引入的js库全部打包成一个vendor.js文件
其实像vue.js 、vuex.js、vue-router.js这些外部库,基本不会变的,如果将它们独立出来单独加载就能利于浏览器的缓存机制,不用每次都重新加载这些库js,并且大大的减少了打包的vendor.js文件
module.exports={
configureWebpack:congig =>{
externals:{
key: value
}
}
}
其中key是第三方依赖库的名称,同package.json文件中的dependencies对象的key一样。
value值应该是第三方依赖编译打包后生成的js文件,然后js文件执行后赋值给window的全局变量名称。(一定要写正确,不然会报错)
vue一定要在element-ui之前引入