用tsify和babelify使用gulp不会运行babel
我有以下一些任务（包括我的所有要求，如要求）：
const gulp = require("gulp");
const browserify = require("browserify");
const tsify = require("tsify");
const sass = require('gulp-sass');
const fs = require('fs');
const uglify = require('gulp-uglify');
const tslint = require('gulp-tslint');
const gutil = require('gulp-util');
const babelify = require("babelify");
gulp.task('js', function () {
return browserify({
entries: paths.ts + 'App/start.ts',
debug: true
}).plugin("tsify")
.transform(babelify.configure({
presets: ["es2015"]
}))
.bundle()
.on('error', swallowError)
.pipe(fs.createWriteStream(jsOutput + "app.js"));
});
包含package.json中包含的所有必需模块，包括babel-preset-es2015。 然而，babelify变换根本没有做任何事情，只要我可以将“es2015”变成任何东西，并且我得到完全相同的结果（es6输出）。
我试过包括一个.babelrc文件，其中指定了预设，不起作用，以及指定babelify转换的几种不同方法，包括添加.ts文件扩展名。
我的tsconfig.json具有以下内容：
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
}
它将输出类型指定为ES6。
在这个过程中没有错误发生，并且打字稿完全被转录，我只剩下ES6代码。
您必须告诉Babelify需要考虑的文件扩展名，在这种情况下，TypeScript是.ts 。
// ...
.transform(babelify, {
presets: ['es2015'],
extensions: ['.js', '.ts'] // <-- I have added .js and .ts
})
// ...