vue2.0+踩坑之路 --项目中引入element-ui第三方库导致项目打包造成app.js文件过大问题

一、app 文件过大 问题

项目中引用了 element-ui
vue-router 使用了懒加载之后， npm run build 之后打包文件 app.js 超大 ，影响了首次访问网站的速度。

二、解决办法

1. build 文件夹下的webpack.base.conf.js

module.exports  // 在代码中添加
externals:{
'Vue':'Vue',
'element-ui':"ElementUI"
}

2. mian.js
3. 修改 index.html 文件 引入第三方库文件 可从cdnjs 查找
   

三、操作完上述步骤 npm run build 打包文件截图

app.js 已经笑了很多了