有没有办法让 JS 文件可用于多个 HTML 页面，而不必将它们嵌入到每个 HTML 页面中？

Question

我想让脚本可以访问多个 HTML 页面（假设 100 页），但我不想手动将脚本添加到每个页面。 那么，是否有任何解决方案可以使 JS 可以在全球范围内访问？

Answer 1

从技术上讲不是：网页上的所有内容最终都必须来自该网页，因此没有什么神奇的方法可以将<script>标签添加到 HTML ... 除了实际添加它们。

通常，站点通过为其 Javascript 的主要“包”设置一个<script>标签来解决此问题，然后他们让 package 引入站点所依赖的所有其他标签。 有许多库可以进行这种“打包”（Webpack 是当前最流行的）。

但是，即使使用此类捆绑器，您仍然需要初始脚本标记。 许多站点对此的另一个解决方案是拥有一个“单页”站点，该站点仅使用一个 HTML 页面，然后他们使用 Javascript 在站点上模拟“虚拟页面”。 React 与 React Router 就是一个例子。

但是，如果您已经有一大堆 HTML 文件，您需要手动添加该标签，或者让计算机为您添加它。 假设您不想手动操作，那么在这种情况下您确实有两种选择。

第一个是获得一个合适的网络服务器，一个可以将脚本标签添加到每个文件的服务器，因为它为它提供服务。 第二个（我猜这会更容易）将只是编写一个简单的命令行脚本到 append 一个字符串（该脚本标记）到每个文件的末尾。

我不确定您对 Node.js（即浏览器外部的 Javascript）有多熟悉，但您可以使用 Node 的fs （文件系统）模块轻松完成类似的操作。