关于CSS：在一个公共文件中导入所有的JavaScript文件和样式表文件


imports all the javascripts files and stylesheet files within a common file

大家好，请告诉我如何在一个公共文件中导入所有的javascripts文件和样式表文件，并在HTML中导入

1
2
<script src="common.js">
<link href='common.css' rel='stylesheet'>

说

1
2
3
4
jquery.js,
angular.js,
bootstrap.js,
flot.js....etc

在单个common.js文件中，类似地

1
2
3
4
bootstrap.css,
flot.css
alerts.css
models.css.....etc

在一个EDOCX1×1文件中

如果像这样进口，有什么缺点吗？

您的javascript问题在这里有一个答案：在.js文件中包含一个.js文件，但请注意，您需要小心。如果您的文件包含加载时执行的代码，但依赖于另一个文件的内容，那么它可能无法正常工作。

对于多个文件，您将使用一个脚本名列表(可能是数组)，然后对每个脚本名调用一个函数来添加它：

1
2
3
4
5
function addScript(script) {
    var x = document.createElement('script');
    x.src = 'http://example.com/' + script;
    document.getElementsByTagName("head")[0].appendChild(x);
}

只需使用@import:https://developer.mozilla.org/en-us/docs/web/css/@import就可以解决样式表问题。这方面的一些缺点(性能)在这里介绍：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

这两种方法都不假定只有文件名的纯文本文件，但可以使用javascript或一点服务器端代码(或构建脚本，这可能是读取文件、缩小、压缩和合并文件的最佳方法)来适应这种情况。

相关讨论