我想将我的代码使用Browserify、Tsify和Babelify转换。其中一个转换器与Browserify一起使用有效,但两者同时使用无效。Babel似乎被忽略了(甚至不读取.babelrc文件)。
我有以下Gulp代码:
我有以下Gulp代码:
const gulp = require("gulp");
const browserify = require("browserify");
const source = require('vinyl-source-stream');
const tsify = require("tsify");
const babelify = require("babelify");
function build() {
var b = browserify({
basedir: '.',
debug: true,
cache: {},
entries: ['src/index.ts'],
packageCache: {}
});
return b
.plugin(tsify)
.transform(babelify)
.bundle()
.on("error", function (err) { console.log("Error: " + err.message); })
.pipe(source('build.js'))
.pipe(gulp.dest("build"));
}
gulp.task("build", build);
使用这个 babelrc
{
"presets": ["minify"]
}
还有那些依赖关系。
"@babel/core": "^7.2.2",
"babel-preset-minify": "^0.5.0",
"babelify": "^10.0.0",
"browserify": "^16.2.3",
"gulp": "^4.0.0",
"tsify": "^4.0.1",
"typescript": "^3.2.2",
"vinyl-source-stream": "^2.0.0"
就算我把 babelrc 改成以下这样的内容,也不会出现错误,但它就是不能缩小代码。