1

我正在使用 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 完成它的工作？

4

0 回答 0