Question

如何改变这一点？因为当我这样做时，我无法得到相同的结果。

这是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'));
});

如果您还需要观察，请尝试以下操作：

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

我没有测试那个设置，也许有一些问题，因为我试图为你自定义但是随便问一下。

如何在浏览器中进行此操作？

1 个答案: