编程语言
首页 > 编程语言> > javascript – 如何使用browserify包含非节点模块

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

作者:互联网

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

如果有人能告诉我如何将定制的javascript模块(非节点模块)包含到我的js中,这将是一个决定性的因素.我看到browserify很容易包含节点模块.

解决方法:

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

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

然后我们创建文件greetings.js:

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

然后我们想在另一个模块中使用问候模块,例如.在我们的main.js文件中:

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’或您将选择的任何目标.

标签:javascript,node-js,browserify
来源: https://codeday.me/bug/20190830/1765126.html