webpack打包生成的bundle.js文件过大的问题
2016-10-20 14:30
921 查看
问题
使用webpack进行打包时，发现bundle.js竟然有2M多。解决办法
网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了sourcemap
在生产环境中，应使用
devtool: false
关闭sourcemap后bundle.js的大小从2.46M降到302k
参考
彻底解决 webpack 打包文件体积过大 - 简书用webpack打包后的文件为什么会非常大？ - React 中文
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 浅谈webpack打包生成的bundle.js文件过大的问题
- 如何解决webpack打包后，dist文件过大的问题
- 彻底解决 webpack 打包文件体积过大问题
- 解决react+webpack 打包后文件过大的问题
- 解决webpack打包文件过大的问题
- 解决webpack打包文件过大的问题
- 【webpack打包成功,但是在dist文件js里没有出现相对应的文件 】问题解决
- webpack打包后bundle.js文件过大的问题
- webpack打包之后的文件过大的解决方法
- 在vue中用webpack打包之后运行文件问题以及相关配置
- webpack使用file-loader单独打包js文件
- 前端资源多个产品整站一键打包&包版本管理（四）—— js&css文件文件打包并生成哈希后缀，自动写入路径、解决资源缓存问题。
- webpack生成的css文件中background:url()图片路径问题
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- 彻底解决 webpack 打包文件体积过大
- webpack2 打包后生成的js目录根打包前目录一样
- vue项目通过webpack打包生成的dist文件放到express里边运行（vue+webpack+express）
- webpack将js打包后的map文件
- webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)
- 详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)