javascript - 如何在服务器端呈现的网站上动态加载 javascript 文件？

Question

有一个网站有很多 javascript 文件。网站不使用任何框架，仅使用 webpack、jquery 和其他通过 npm 安装的插件。只是简单的 html 站点和后端的 laravel。

main.js 需要所有 javascript 文件。并将 main.js 文件添加到模板 html 文件中。

如何为每个页面仅加载该页面所需的文件？例如，如果您访问联系我们页面，客户端应该只加载 contact.js 文件，而不加载其他文件，如 products.js、register.js 等。

当然，我可以将每个 js 文件包含到其页面中，而无需将所有 js 文件加载到一个文件中。但也许有更聪明的方法可以从 javascript 和 webpack 端根据我的情况实现它？

现在我的 javascript 文件大小是 2mb，有些页面只需要它的一小部分。因此，我只需要为每个页面加载它需要的内容。

Answer 1

如果是经典服务器，那我觉得不太可能。使用像 React 这样的 Javascript 库，您可以考虑代码拆分。

我认为您最初的方法是将它们拆分为各自的 .js 文件，就目前而言，这是最好的方法