javascript - 从单个文件加载js

Question

我想从一个文件加载 4 个 js 文件。

在我的页脚中有以下链接

<script src="content/vendor/js/utils.js"></script>

utils.js 是主文件。

我要加载的文件位于 content/vendor/js/gsap

我的实用程序文件中有以下代码，但它似乎没有加载文件，因为效果停止工作。

// JavaScript Document
=== all.js ===
(function() {
    'use strict';
    var a = [
       'TweenMax.min',
       'ScrollMagic',
       'animation.gsap',
       'jquery.placeholder',
       ...
    ];
    var i;
    var s = [];
    for (i = 0; i < a.length; i += 1) {
        s = s.concat(['<script src="/gsap/', a[i], '.js"></script>']);
    }
    document.write(s.join(''));
}());

Answer 1

我知道您可能想在单个 JavaScript 文件中执行此操作，但这似乎增加了不必要的开销。

I have 4 js files I want to load from a single file

您可以将所有这些放入一个 html 文件中并使用链接标记:

<link rel="import" href="js-loader.html">

在 js-loader.html 中:

<script src="/gsap/TweenMax.min.js"></script>
<script src="/gsap/ScrollMagic.js"></script>
<script src="/gsap/animation.gsap.js"></script>
<script src="/gsap/jquery.placeholder"></script>

这就是我工作的公司的做法，而且它似乎更具可读性(尽管这是我们的观点)。