webpack 打包react后体积太大 怎么优化一下

Question

这是打包后的目录层级

这个.map文件有什么用 ？

没有太大用处该怎么处理

现在打包后有17M的大小，这个js的.map文件就14M

Answer 1

1. map文件不用在意，只有用户打开控制台的时候才会加载（做过测试，可以肯定），做debug用的（帮你还原合并压缩后的代码，方便调试）。如果你map文件影响打包速度的话，可以把有个sourcemap的配置去了。
2. 如果首屏加载慢的话就用webpack提供的代码分割吧，我是主写vue的，不太清楚是否一样import(组件)。

Answer 2

sourcemap文件是webpack配置生成的。
如果你是自己配置的webpack，那么删除webpack.config.js里的

如果是使用的create-react-app，可以参考这篇文章修改webpack配置。