javascript - 重构 Crossrider 扩展代码

Question

我使用 Crossrider 构建了我的扩展程序目前我所有的代码都在 extension.js 文件中。但是，在这个单一文件中维护它变得相当长并且变得更加困难。有没有办法将我的代码拆分成单独的文件并在我的扩展中仍然使用它们？

例如，如果我的 extension.js 文件的结构如下例所示，我希望函数 f1 和 f2 位于一个单独的文件中，我可以将其加载到扩展中:

appAPI.ready(function($) {
  init();
  f1();
  f2();
  ...

  function init() {
    // init code
    ...
  }
  function f1() {
    //hundreds of lines of code
  }
  function f2() {
    //hundreds of lines of code
  }
  ...
});

Answer 1

您可以在一个或多个资源文件(例如 init.js、functions.js)中定义函数，然后将其包含在 appAPI.ready 中。 .有关资源的更多信息，请参阅 appAPI.resources .

因此，使用您的示例，您的代码将类似于:

extension.js:

appAPI.ready(function($) {
  appAPI.resources.includeJS('init.js');
  appAPI.resources.includeJS('functions.js');
  init();
  f1();
  f2();
  ...
});

init.js:

function init() {
  // init code
  ...
}

functions.js:

function f1() {
  //hundreds of lines of code
}
function f2() {
  //hundreds of lines of code
}

[披露:我是 Crossrider 员工]