如何使用 browserify 包含非节点模块

我想在应用程序中使用依赖项管理，并遇到了 require.js 和 browserify 。我无法决定选择哪一个。

这将是一个决定性因素，任何人都可以告诉我如何将定制的 javascript 模块（非节点模块）包含到我的 js 中。我发现 browserify 可以轻松地包含节点模块。

假设我们想要将以下功能封装到模块中：

sayHelloInEnglish = function() {
  return "Hello";
};

然后我们创建文件问候语.js像那样：

module.exports = {
    sayHelloInEnglish: function() {
        return "Hello";
        }
    }; 

然后我们想在另一个模块中使用问候模块，例如。在我们的main.js file:

var greetings = require("./greetings.js");
greetings.sayHelloInEnglish();

这就是我们声明依赖关系的方式。

除此之外，我们还需要一个构建过程，以便我们的 JS 代码可以在浏览器中运行。为此，我选择了 gulp.js 流式构建系统。然后您所需要做的就是创建一个如下任务：

gulp.task('browserify', function () {
    gulp.src('main.js')
        .pipe(browserify())
        .pipe(concat('main.js'))
        .pipe(gulp.dest('dist/js'));
});

此任务将加载 main.js 的所有依赖项，将它们包含在 main.js 正文之前，然后将其作为新文件一起保存到“dist/js”或您选择的任何目标中。