将CSS和JavaScript合并到一个文件中并进行链接

Conbining CSS and JavaScript into one file and link it

本文关键字：文件 一个 链接 JavaScript CSS 合并      更新时间：2023-09-26

我开发了一个小型在线应用程序，它有明显的jQuery、BootStrap、其他第三方库和CSS文件，以及我定制的CSS和JavaScript，但我想把它们捆绑在一起，因为我只有一个调用。

原因是该应用程序正在与几个已经拥有这些库的在线网站一起使用，但可能有一个过时的库，而我的库将超过他们的库，这将导致网站无法正常工作。

我使用HTML导入，将我所有的库和CSS放在一个HTML文件中，称为import.HTML，并制作了一个简单的<link rel="http://mywebsite.com/import"></link>，它很有魅力，但在iOS中不起作用。哦，是的，这是一个只适用于iOS和Android的智能手机应用程序。

但主要原因是我将把文件交给客户端，并希望提供尽可能少的代码以便于实现。

有没有其他方法可以实现类似的场景？

您可以通过JavaScript将任意HTML/CSS引入HTML。

例如：

var style = document.createElement("style");
var CSS = ".someCSS { background: red; }";
style.innerHTML = CSS; 
document.head.appendChild(style);

这种方法对于以编程方式修改和引入CSS很有用，但它肯定比使用<link>元素包含CSS慢得多。（这种方法很难编辑CSS，并且需要在构造DOM和Style表时绕过任何浏览器优化）

此外，您的帖子中有一个错误，iOS、Android和大多数浏览器都可以使用<link rel = "...">包含CSS。这被认为是正确的，而且比我上面发布的代码更快（这是你问题的答案）。你的代码不起作用的原因不是iOS上的CSS/HTML问题，更可能是你的网站本身的问题。

相关文章：