将所有javascript文件合并为一个文件

Fan*_*a36 5 html javascript merge

是否有可能将HTML页面上的所有JavaScript自动合并到一个大型javascript?(与CSS相同)

例如:

<html>
<head></head>
<body>
  <script src="/extern/jquery/jquery-2.1.3.min.js"></script>
  <script src="/extern/bootstrap/js/bootstrap.min.js"></script>
  <script src="/extern/form_validator/jquery.form-validator.min.js"></script>
  <script src="/extern/moment/moment.js"></script>
  <script src="/js/jsIndex.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

谢谢

小智 5

这个对我有用

主枢纽.js

function callAll(jsfiles) {
    var src = document.createElement("script");
    src.setAttribute("type", "text/javascript");
    src.setAttribute("src", jsfiles);
    document.getElementsByTagName("head")[0].appendChild(src);
}
callAll("your/path/to/a/jsfile1.js");
callAll("your/path/to/a/jsfile2.js");
callAll("your/path/to/a/jsfile3.js");
Run Code Online (Sandbox Code Playgroud)

那么你只需要调用标题上的 mainhub.js

<script type="text/javascript" src="your/path/mainhub.js" ></script>
Run Code Online (Sandbox Code Playgroud)


tys*_*skr 3

grunt-usemin (- https://github.com/yeoman/grunt-usemin ) 可以提供帮助。