2

grunt + browserify + tsify + babelify (デバッグあり) のセットアップに苦労しています。

以下の gruntfile 設定は typescript をコンパイルしますが、バベルの変換は行われません。

誰でもこれを行う方法を教えてもらえますか? (これを行うには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」に設定されています。

4

1 に答える 1

3

問題は、変換を最初に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']
            });
        }
    }
}
于 2016-10-21T22:32:56.873 に答える