Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在nextjs项目中优化webpack bundle commons.[hash].js_Reactjs_Webpack_React Redux_React Router_Next.js - Fatal编程技术网

Reactjs 如何在nextjs项目中优化webpack bundle commons.[hash].js

Reactjs 如何在nextjs项目中优化webpack bundle commons.[hash].js,reactjs,webpack,react-redux,react-router,next.js,Reactjs,Webpack,React Redux,React Router,Next.js,所以我从webpack bundle analyzer得到了这个结果。正如您所看到的,我有一个巨大的块commons.[hash].js(3MB)。它由所有节点单元模块、组件、redux、操作、助手、HOC等组成。所有页面看起来都很好(至少我是这么认为的) 有人能给我解释一下这是怎么回事吗?我如何优化commons.[hash].js chunk?提前谢谢。我认为下一个js版本已经针对静态内容进行了优化。甚至我也试图找到,但找不到进一步优化的方法。Next已经优化了commons文件。要减小捆绑

所以我从webpack bundle analyzer得到了这个结果。正如您所看到的,我有一个巨大的块commons.[hash].js(3MB)。它由所有节点单元模块、组件、redux、操作、助手、HOC等组成。所有页面看起来都很好(至少我是这么认为的)


有人能给我解释一下这是怎么回事吗?我如何优化commons.[hash].js chunk?提前谢谢。

我认为下一个js版本已经针对静态内容进行了优化。甚至我也试图找到,但找不到进一步优化的方法。Next已经优化了commons文件。要减小捆绑包的大小,可以做的一件事是有选择地删除不需要的模块。e、 我总是从那个一刻起删除区域设置。您可以使用IgnurePlugin模块来完成此操作<代码>config.plugins.push(新的webpack.IgnorePlugin(/^\.\/locale$/,/moment$/)我也这么认为,下一个js已经优化了@谢谢你的建议,但我已经这么做了。但是关于commons.[hash].js文件,它包含很多组件,我想它已经包含在所有需要它们的页面中了,对吗?那不是多余的吗?CMIIW@HansonCitra在这些改进之后,您能否在next.config.js中分享您的示例?