javascript - 如何在服务器端呈现的网站上动态加载 javascript 文件?
问题描述
有一个包含大量 javascript 文件的网站。网站不使用任何框架,只使用 webpack、jquery 和其他通过 npm 安装的插件。只是简单的 html 站点和后端的 laravel。
main.js 需要所有 javascript 文件。并将 main.js 文件添加到模板 html 文件中。
如何只为每个页面加载该页面所需的文件?例如,如果您访问联系我们页面,客户端应该只加载 contact.js 文件,而不加载 products.js、register.js 等其他文件。
当然,我可以将每个 js 文件包含到其页面中,而无需将所有 js 文件加载到一个文件中。但也许有更聪明的方法可以在我的情况下从 javascript 和 webpack 端实现它?
现在我的 javascript 文件大小是 2mb,有些页面只需要它的一小部分。因此,我只需要加载每个页面所需的内容。
解决方案
如果它是经典服务器,那么我认为这是不可能的。使用像 React 这样的 Javascript 库,您可以考虑代码拆分。
我认为您最初的方法是将它们拆分为各自的.js
文件,就目前而言,这是最好的方法
推荐阅读
- python - 为什么 2//0.2 在 Python 中返回 9.0 而 5//0.5 返回 10.0
- kubernetes - 在 stackdriver 中监控 kubernetes pod 的准备情况
- three.js - 如何在gltf中的网格上指定一个面?
- python - 如何从文本句子中删除重复字符?
- r - 错误:R 3.5.3 上的 RcppArmadillo 包延迟加载失败
- python - 从python中的两个列表创建字典
- php - 如何修复“类”不是有效的实体或映射的超类。? Symfony 2.8
- reactjs - 结合 gatsby-plugin-google-analytics 在窗口中查找 Google Analytics 对象
- javascript - 使用 += 获取总和在这里不起作用。为什么?
- python - What are argument types for fit() function in keras?