javascript - 与 requireJS 紧密耦合的代码

Question

我对 javascript 有相当基本的了解。我计划在我的应用程序中实现 RequireJS 以进行动态脚本加载和依赖项管理。正在经历example

示例中有4个js文件purchase.js、products.js、credits.js。 main.js。

main.js 初始化流程。我知道 main.js 需要 require 方法。

require(["purchase"],function(purchase){
  purchase.purchaseProduct();
});

但是每个js文件都以define()开头，例如来自purchase.js的代码片段

define(["credits","products"], function(credits,products) {

  console.log("Function : purchaseProduct");

  return {
    purchaseProduct: function() {

现在按照这个例子说，如果我的项目中有 n 个 js 文件并且我以这种方式编写代码。将来我需要从我的应用程序中删除 RequireJS。我必须编辑 n js 文件。

js 代码与 requirejs 库的耦合不是太紧密了吗？与在 html 文件中使用 script 标签包含 js 文件的标准方式不同。我是否将带有 script 标记的脚本包含在 html 文件中。我不必编辑所有 js 文件来进行任何更改。

有没有其他方法可以在集中的地方声明项目的每个js文件的依赖关系？

Answer 1

当使用任何类型的模块加载系统时，紧密耦合通常是不可避免的。

就 requirejs 而言，幸运的是，但每个文件需要更多的初始工作:

function myModule(dependency1, dependency2) {
  //usual code
}

if (typeof define !== "undefined") {
  define(["dependency1", "dependency2"], myModule);
} else {
  myModule(dependency1, dependency2)
}