我正在使用Eirslett的frontend-maven-plugin这是一个Maven插件,可以下载Node& NPM在当地。我试图通过该插件使用Browserify。
我已使用命令npm install -g browserify
和npm install --save-dev browserify
安装了Browserify。 Browserify的二进制文件在projectname/node_modules/browserify
下正确下载。
我在test.js
中有一个projectname/src/main/resources/static/test.js
文件,其中包含以下代码
var hiObj = {
sayHi: function(){
return "Modules"
}
}
module.exports = hiObj;
我在script.js
中有projectname/src/main/resources/static/script.js
,并且该文件已添加为我的HTML中的静态资源。
script.js
看起来像这样
var obj = require('test.js');
console.log(obj.sayHi());
但是当我尝试渲染index.html
时,我在控制台中得到了这个
未捕获的ReferenceError:未定义require
如何使这个工作?
答案 0 :(得分: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模块。