Next.js - 捆绑尺寸太大（~3MB）

Question

我想问一下是否有任何方法来修改我的Next.JS包。 特别是节点模块 - 导致浏览器加载如此多的MB，因此减慢了初始浏览速度。

以下是分析：

欢迎随时提出更多信息。

Answer 1

看起来你正在使用webpack，这里有几件事要尝试：

<强> Code Splitting

  

代码拆分是webpack最引人注目的功能之一。此功能允许您将代码拆分为各种捆绑包，然后可以按需或并行加载。它可用于实现更小的捆绑并控制资源负载优先级，如果使用得当，可能会对加载时间产生重大影响。

<强> Tree Shaking

  

树抖动是JavaScript上下文中常用于消除死代码的术语。它依赖于ES2015模块语法的静态结构，即导入和导出。名称和概念已由ES2015模块捆绑器汇总推广。