как настроить grunt+browserify+tsify+babelify?

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

Приведенный ниже параметр gruntfile компилирует машинописный текст, но трансляция babel не происходит.

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

        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».


babeljs browserify gruntjs tsify
person kopemon    schedule 21.10.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

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

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']
            });
        }
    }
}
person cartant    schedule 21.10.2016