Question

嗨，任何人都可以告诉我如何在公共文件中导入所有javascripts文件和样式表文件，并在html中导入

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

说

jquery.js, 
angular.js, 
bootstrap.js, 
flot.js....etc

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

bootstrap.css, 
flot.css
alerts.css
models.css.....etc

在单个common.css文件中

如果这样做导入有任何缺点吗？

Answer 1

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

对于多个文件，您可以使用脚本名称的列表（可能是数组），然后在每个文件上调用一个函数来添加它：

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或一些服务器端代码（或构建脚本，这可能是最佳< / strong>方法，读取文件，缩小，压缩和合并它们。）

导入公共文件中的所有javascripts文件和样式表文件

1 个答案: