我正在使用gulp和Browserify构建reactjs应用程序。我在我的应用程序中使用了material-ui组件。我的应用程序中有8个页面使用不同的组件。
Browserify创建的build.js大小为4mb。我想减小它的大小。我搜索并了解了一些关于延迟加载设计模式的内容。但我很困惑如何使用它来缩小我的应用程序的大小？
我也在我的应用程序中使用react路由器，因此定义了8个路由。我有一个想法，我们可以延迟加载每个路由所需的文件，但如何做到反应？
P.S：我本来喜欢分享一些代码，但我不明白这类问题需要什么样的代码。
答案 0 :(得分：2)
问题很可能是您的javascript包含源地图。源映射可以轻松地将代码的大小增加一个数量级。试着看看你编译的JS文件，如果你看到大的随机字符串看起来像这样：
dlfheihfgrewifjwe; iofgrewfwejroifnekw.nfoeiquf0eqf; oiwehjfkl; qwejfio; QEO; F; qoihfi; qejhfkjqwehj
然后您在编译的Js中包含源映射。
检查您的browserify配置，确保您没有使用源地图进行编译。