是否有一种与css的@import类似的方法来导入javascript文件？_Javascript_Import_Compression_Minify

是否有一种与css的@import类似的方法来导入javascript文件？

javascript import compression

是否有一种与css的@import类似的方法来导入javascript文件？,javascript,import,compression,minify,Javascript,Import,Compression,Minify,是否有一种通用/标准的方式将JavaScript文件包含到页面中，其工作方式与CSS中的@import语句类似具体来说，我希望在我的HTML文档的头部有类似于以下内容的内容： <html> <link rel="stylesheet" href="imports.css" /> <script type="javascript" src="imports.js" /> </html> 然后在javascript中出现如下内容：

是否有一种通用/标准的方式将JavaScript文件包含到页面中，其工作方式与CSS中的@import语句类似

具体来说，我希望在我的HTML文档的头部有类似于以下内容的内容：

<html>
    <link rel="stylesheet" href="imports.css" />
    <script type="javascript" src="imports.js" />
</html>

然后在javascript中出现如下内容：

// import.js
import('jquery.js');
import('my.plugin.jquery.js');
import('my-code.js');

我希望实现的是从HTML对CSS和JS进行一次调用，这样我就可以在本地开发许多文件，然后在部署期间将所有CSS/JS文件合并到相应的import.ext文件中，以提高性能

我不想做的是让应用程序代码PHP在这个实例中为我更改HTML输出；我需要这是完全客户端

建议？

您可以尝试创建和附加脚本。但我不确定这是否就是您追求的性能方面的要求，因为它将发出与文件数量一样多的请求，再加上创建和附加元素的开销

var myScript = document.createElement("script");
myScript.src = "/js/test.js";
myScript.type= "text/javascript";

document.getElementsByTagName("body")[0].appendChild(myScript);

或者你可以试试这样的

您可能需要研究或其他类似问题，但请注意，动态加载脚本会带来有趣的同步问题。

var myScript = document.createElement("script");
myScript.src = "/js/test.js";
myScript.type= "text/javascript";

document.getElementsByTagName("body")[0].appendChild(myScript);