如何在 gulp browserify 中做到这一点？

Question

如何在 gulp 中转换它？因为我在 gulp.

中执行此操作时无法获得相同的结果

这是 grunt 文件：

谢谢。

    browserify: {
      debug: {
        options: {
          browserifyOptions: {
            standalone: 'Mosaico'
          },
          watch: true,
        },
        files: {
          'build/mosaico.js': ['./src/js/app.js', './build/templates.js']
        }
      },
      main: {
        options: {
          browserifyOptions: {
            debug: true,
            fullPaths: false,
            standalone: 'Mosaico'
          },
          // transform: ['uglifyify'],
          watch: true,
        },
        files: {
          'build/mosaico.debug.js': ['./src/js/app.js', './build/templates.js']
        }
      }
    },

Answer 1

我不知道 grunt 是如何工作的，也不知道你为什么使用 standalone 和 watch:true，但这就是我通常使用 browserify 构建的方式：

var opts = {
  entries: ['build/mosaico.js': ['./src/js/app.js','./build/templates.js'],
  debug: true,
  //watch: true,
  //browserifyOptions: {
  // standalone: 'Mosaico'
  //},
};

var options = assign({}, watchify.args, opts);

gulp.task('debug', function() {
 return browserify(options)
 //If you need to use transform 
 .transform('plugin-to-use')
 .bundle()
 //Create custom name for destination
 .pipe(source('file-name-for-destination'))
 //Destination folder
 .pipe(gulp.dest('destination'));
});

如果你还想 watchify，试试这个：

var watchfiles = watchify(browserify(options));
  watchfiles.on('update', function(){
  //Start normal task - debug
    gulp.start('debug');
  });

我没有测试该设置，可能在我尝试为您自定义设置时出现了一些问题，但您可以随时询问。

如何在 gulp browserify 中做到这一点？

How to do this in gulp browserify?

browserify

gulp