本文目录

• webpack+vue打包文件过大，该如何解决
• 直接运行webpack在服务器上不行吗，为什么还要打包再挂载到服务器上呢

webpack+vue打包文件过大，该如何解决

打包过大，推荐你 2 个方法快速的方法：

externals

externals 外链第三方依赖

externals 是常用优化手段。构建时，将依赖文件相关从 node_modules 导入改为外部链接引用（即 script 标签 cdn 加载方式）

CommonsChunkPlugin

使用 CommonsChunkPlugin 提取公共代码

我是【前端雨爸】，可以关注我，查看前端技术相关文章。

直接运行webpack在服务器上不行吗，为什么还要打包再挂载到服务器上呢

这个当然是可以的，但是实际中会考虑下面几个问题：

1. 不打包的话，直接运行一个devServer，那么在正式环境，会有许多开发环境的调试信息会暴露出来，会有一定的安全问题（当然可以避免）。
2. 开发环境的文件通常没有经过打包压缩，会导致文件比较大，响应比较慢。
3. 开发环境的代码通常是没有经过混淆的，很多敏感逻辑（如：支付，登陆等）会暴露出出来，会有一定的风险。
4. 因为开发环境只是为了方便本地开发，故devServer的性能没有主流的服务器（nginx，apache等）性能好。

还有其他原因等。