VueJS 2：如何按顺序加载静态 JS？

Question

我有使用 jQuery 和缩小的自定义 JS 插件的 HTML 主题。应用程序需要先加载 jQuery 而不是缩小的自定义 JS 插件。而且我也无法编辑缩小的自定义 JS 插件。

mounted() {
  let jqueryJS = document.createElement('script');
  jqueryJS.type = 'text/javascript';
  jqueryJS.src = '/static/js/jquery.js';
  jqueryJS.async = false;
  document.body.appendChild(jqueryJS);

  let pluginsJS = document.createElement('script');
  pluginsJS.type = 'text/javascript';
  pluginsJS.src = '/static/js/plugins.js';
  pluginsJS.async = false;
  document.body.appendChild(pluginsJS);
}

如果我运行应用程序，jQuery 不一定会在缩小的自定义 JS 插件之前加载。 如何先加载 jQuery 再加载缩小的自定义 JS 插件？

Answer 1

你可以使用vue-script2

import VueScript2 from 'vue-script2'
...
mounted() {
  VueScript2.load('/static/js/jquery.js').then(function () {
    VueScript2.load('/static/js/plugins.js')
  })
}