Как настроить grunt + браузеру + tsify + babelify?

Question

Я пытаюсь настроить grunt + браузеру + tsify + babelify (с отладкой).

В приведенном ниже параметре gruntfile выполняется сборка машинописного текста, но при этом не происходит перекоса babel.

Может ли кто-нибудь дать мне знать, как это сделать? (Я, возможно, придется использовать глотка, чтобы сделать это ??)

 browserify: { 
     main: { 
      src: 'app/scripts/main.ts', 
      dest: 'app/scripts/bundle.js', 
     }, 
     options: { 
      browserifyOptions: { 
       plugin: [['tsify']], 
       transform: [['babelify', {presets: ['es2015'], extensions: ['.ts']}]], 
       debug: true 
      } 
     } 
    } 

tsconfig.json имеет цель, сформулированную в «es2015».

Answer 1

Проблема заключается в том, что grunt-browserify загружает transforms first and then the plugins, поэтому то, что вы хотите сделать - поместить преобразование после плагина, невозможно с декларативной конфигурацией.

Однако, вы можете использовать функцию grunt-browserifyconfigure и установить плагин и преобразования внутри упомянутой функции:

browserify: { 
    main: { 
     src: 'app/scripts/main.ts', 
     dest: 'app/scripts/bundle.js', 
    }, 
    options: { 
     browserifyOptions: { 
      debug: true 
     }, 
     configure: function (bundler) { 

      bundler.plugin(require('tsify')); 
      bundler.transform(require('babelify'), { 
       presets: ['es2015'], 
       extensions: ['.ts'] 
      }); 
     } 
    } 
}