node.js - Maven/Spring 与 Browserify : require is not defined

Question

我正在使用 Eirslett 的 frontend-maven-plugin这是一个 Maven 插件，可以在本地下载 Node 和 NPM。我正在尝试通过该插件使用 Browserify。

我已经使用命令npm install -g browserify和npm install --save-dev browserify安装了Browserify。 Browserify 的二进制文件在 projectname/node_modules/browserify 下正确下载。

我在 projectname/src/main/resources/static/test.js 中有一个 test.js 文件，其中包含以下代码

var hiObj = {
  sayHi: function(){
    return "Modules"
  }
}

module.exports = hiObj; 

我在 projectname/src/main/resources/static/script.js 中有 script.js，并且该文件作为静态资源添加到我的 HTML 中。

script.js 看起来像这样

var obj = require('test.js');
console.log(obj.sayHi());

但是当我尝试渲染 index.html 时，我在控制台中看到了这个

Uncaught ReferenceError: require is not defined

如何让它工作？

Answer 1

使用诸如Grunt或Gulp之类的构建工具。通过 Gulp，您可以直接使用 Browserify API 并在 Gulp 流中使用它，例如:

var browserify = require('browserify');

// Stuff

gulp.task('js', function() {
  return browserify(package.paths.app)
   .pipe(/** Do stuff */);
   // More processing
});

对于 Grunt，有 grunt-browserify模块。