如何在不同文件夹中编写.html文件使用的JS function？

Question

我试图在我的 XAMPP 服务器上调用 function 动态更改 HTML 文档的当前样式表。 这就是我目前正在做的事情：

document.getElementById("color-scheme").href = "../colors.css";

colors.css 显然是使用此代码的页面上方的一个文件夹，因此是“../”。 现在我的问题是，不同文件夹级别中有几十个页面都需要访问这个 colors.css 来设置配色方案。 例如：

这意味着不是 colors.css 上方的一个文件夹的每一页都不起作用，因为它无法在“../colors.css”中找到文件，因为服务器似乎在 Z34D1F91FB2E514B8576FAB1 之外找到了根目录文件。

我觉得根据文件夹的级别手动添加“../”会是非常糟糕的编码，所以我不想这样做：

function LoadColorScheme(var level) {
   var path = "";
   for (var i = 0; i < level; i++) 
      path += "../";
   path += "colors.css";
 }

有一个更好的方法吗？

Answer 1

当您的应用程序增长时，为 css/javascript 使用单独的文件并不是真正可扩展的，您可以使用一些打包工具（如 webpack、rollup...）将所有资产捆绑到一个条目文件中。 这些工具自动管理入口文件的依赖关系，因此您不需要手动导入每个资产。