我正在使用来自gulp的babel尝试创建React代码。

当我从gulp或仅从命令行运行babel时，代码的输出与输入完全相同。什么都没改变。

这是我的babel.config.js

const presets = [
    [
        "@babel-env",{
            targets : {
                edge : "17",ie  : "8",firefox : "60",chrome : "67",safari : "11.1"
            },useBuiltIns: "usage"
        }
    ],]

这是我要转换的文件的内容：

import React from 'react' ;
import ReactDOM from 'react-dom';

console.log("starting...");

const foo = "foo" ;
const bar = "bar"

const testFn =  (foo,bar) => {
    console.log("in testFn");
}

这是我的任务定义：

gulp.task('scripts',function() {
    return gulp.src(['./src/js/main.js' ])
        .pipe(babel({
            presets : ['@babel/preset-react']
        }))
        .pipe(concat('test.js'))
        .pipe(gulp.dest('./dist/js'))
        .pipe(terser())
        .pipe(rename('test.min.js'))
        .pipe(gulp.dest('./dist/js')) ;
});

我如何让Babel做好工作？