超出Grunt Browserify最大调用堆栈大小

Question

我正在使用grunt-browserify来编译我的react / flux应用程序。我还在browserify选项下启用了Watchify，因此加快了编译过程。它在首次运行时编译良好，但是一旦我更改文件并再次编译，浏览器控制台中就会出现Maximum Call Stack Size Exceeded错误并中断应用程序。

似乎Watchify在重新编译时再次添加react / flux / other依赖项，从而导致错误。只是一个理论。

有什么想法吗？

Grunt任务

browserify: {
  dist: {
    files: {
      'public/dist/bundle.js': ['public/js/**/*.jsx', 'public/js/**/*.js']
    },
    options: {
      debug: true,
      bare: true,
      alias: [
        './node_modules/react/dist/react-with-addons.js:react',
        './node_modules/flux/index.js:flux',
        './public/lib/react-router/react-router.js:react-router',
        './node_modules/lodash/index.js:lodash'
      ],
      transform: [react.browserify],
      watch: true,
      keepAlive: true
    }
  }
}

注册

grunt.registerTask('compile', ['browserify']);

Answer 1

您是否尝试忽略'public / dist / bundle.js'进行观看？