gpt4 book ai didi

javascript - 浏览器化 + tsify + babelify; babel 被忽略

转载 作者:可可西里 更新时间:2023-11-01 02:45:08 27 4
gpt4 key购买 nike

我想对我的代码进行 browserify、tsify 和 babelify。 Browserify 和其他转译器之一可以工作,但它们不能一起工作。 Babel 似乎只是被忽略了(甚至不读 .babelrc)。

我有以下 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 更改为类似下面的内容,我也没有收到任何错误,它只是没有缩小代码。

最佳答案

虽然我不完全知道为什么上面的代码不起作用,但我找到了一个替代方案。

使用提供的设置 here .请注意,为了使其正常工作,您必须将 tsconfig 中 module 键的值更改为 es5(而不是 es6 ).所以它看起来像这样:

{
"compilerOptions": {
"outDir": "build",
"module": "es5",
"moduleResolution": "node",
"target": "es6"
}
}

关于javascript - 浏览器化 + tsify + babelify; babel 被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53963848/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com