有一个网站上有很多javascript文件。网站仅使用webpack，jquery和其他通过npm安装的插件，而不使用任何框架。只是简单的html网站和用于后端的laravel。
main.js需要所有javascript文件。并将main.js文件添加到模板html文件中。
如何为每个页面仅加载该页面所需的文件？例如，如果您访问“与我们联系”页面，客户端应该只加载contact.js文件，而不加载其他文件（如product.js，register.js等）。
当然，我可以将每个js文件包含到其页面中，而无需将所有js文件加载到一个文件中。但是也许有更聪明的方法可以从javascript和webpack的角度在我的情况下实现它。
现在我的javascript文件大小为2mb，某些页面只需要其中的一小部分。因此，我只需要为每个页面加载所需的内容。
答案 0 :(得分：1)
如果它是经典服务器，那么我认为这是不可能的。使用像React这样的Javascript库，您可能已经考虑了代码拆分。
我认为，按照目前的情况，将它们分为各自的.js文件的最初方法是最好的方法
答案 1 :(得分：1)
可以使用RequireJs吗？它将优化您的代码和性能