Question

有gulp-requirejs个插件，但它blacklisted有以下消息：＆＃34;直接使用require.js模块＆＃34;。

文档非常稀疏，我如何最好地将它与Gulp构建任务结合使用？

在docs中有一个例子：

var requirejs = require('requirejs');

var config = {
    baseUrl: '../appDir/scripts',
    name: 'main',
    out: '../build/main-built.js'
};

requirejs.optimize(config, function (buildResponse) {
    //buildResponse is just a text output of the modules
    //included. Load the built file for the contents.
    //Use config.out to get the optimized file contents.
    var contents = fs.readFileSync(config.out, 'utf8');
}, function(err) {
    //optimization err callback
});

但这对我没什么帮助......这是我最好的尝试：

var gulp = require('gulp'),
    r = require('requirejs').optimize;

var config2 = {
    baseUrl: 'src/js',
    name: 'config',
    out: 'dist/js/main-built.js'
};

gulp.task('scripts3', function() {
    gulp.src(['src/js/**/*.js'])
        .pipe(r(config)
   .pipe(gulp.dest(config.out))
});

但requirejs模块不使用流，因此无法工作。

还有非常友好的amd-optimize，但它与r.js不一样。

Answer 1

要在不调用shell的情况下执行此操作，您可以这样做：

var gulp = require('gulp'),
    rjs = require('requirejs'),

    config = {
        baseUrl: '../appDir/scripts',
        name: 'main',
        out: '../build/main-built.js'
    };

gulp.task('scripts', function(cb){
    rjs.optimize(config, function(buildResponse){
        // console.log('build response', buildResponse);
        cb();
    }, cb);
});

请参阅：https://github.com/phated/requirejs-example-gulpfile/blob/master/gulpfile.js

Answer 2

我刚刚用gulp-shell运行r.js build命令：

var gulp = require('gulp'),
    shell = require('gulp-shell');

// Run the r.js command, so simple taks :)
gulp.task('scripts', shell.task([
    'r.js -o build/r/build.js'
]))

运行大约需要2秒钟，不会太长。

r设置在Gulp一无所知的外部build.js文件中定义。

使用带有Gulp的requirejs优化器节点模块

2 个答案: