一、app 文件过大 问题
项目中引用了 element-ui
vue-router 使用了懒加载之后, npm run build
之后打包文件 app.js 超大 ,影响了首次访问网站的速度。
![app.js 文件超大](https://img-blog.csdnimg.cn/20190729115842229.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjgyNjE4,size_16,color_FFFFFF,t_70)
二、解决办法
- build 文件夹下的webpack.base.conf.js
module.exports // 在代码中添加
externals:{
'Vue':'Vue',
'element-ui':"ElementUI"
}
- mian.js
![](https://img-blog.csdnimg.cn/20190916131151304.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNjgyNjE4,size_16,color_FFFFFF,t_70)
- 修改 index.html 文件 引入第三方库文件 可从cdn