浅谈webpack打包生成的bundle.js文件过大的问题
2018-02-22 11:25
886 查看
问题
使用webpack进行打包时，发现bundle.js竟然有2M多。
解决办法
网上有去除插件、提取第三方库、压缩代码等方法。
还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中，应使用devtool: false
关闭sourcemap后bundle.js的大小从2.46M降到302k
以上这篇浅谈webpack打包生成的bundle.js文件过大的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- webpack打包生成的bundle.js文件过大的问题
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- 彻底解决 webpack 打包文件体积过大问题
- 解决webpack打包文件过大的问题
- 解决react+webpack 打包后文件过大的问题
- 【webpack打包成功,但是在dist文件js里没有出现相对应的文件 】问题解决
- 浅谈webpack打包之后的文件过大的解决方法
- webpack打包后bundle.js文件过大的问题
- 如何解决webpack打包后，dist文件过大的问题
- 解决webpack打包文件过大的问题
- webpack打包之后的文件过大的解决方法
- 详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)
- vue项目通过webpack打包生成的dist文件放到express里边运行（vue+webpack+express）
- 解决webpack vue 项目打包生成的文件，资源文件均404问题
- vue-cli项目webpack打包后iconfont文件路径问题解决
- 如何降低Vue.js项目中Webpack打包文件的大小？
- webpack 单独打包指定JS文件
- webpack打包js文件及部署的实现方法
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- webpack2 打包后生成的js目录根打包前目录一样