时间戳

首页 > 解决方案 > 使用 browserify + babel 的 gulp.task 语法问题

javascript - 使用 browserify + babel 的 gulp.task 语法问题

问题描述

这是我在这个地方的第一个查询，我正在学习编程，并且我正在学习从 2016 年开始的课程，他们在其中实施 babel gulp browserify sass，但是我在尝试使用 babel 进行转换时遇到了问题吞咽。任务。我做了一些研究，他们提到语法已经改变，但我无法让它工作。

其他任务我没有放在这里，因为它们不是必需的，但语法是这样的。感谢您的帮助，我知道这很简单，因为我不得不处理其他错误，因为目前尝试做一个过时的教程对我来说是一个挑战，因为我不了解 JavaScript。

在我的 .js 文档中，我有以下语法：

const babel = require ('babelify');
const browserify = require ('browserify');

gulp.task ('scripts', function() {
    browserify('./src/index.js')

        Transform(babel)
        .bundle()
        .pipe(source('index.js'))
        .pipe(rename('app.js'))
        .pipe(gulp.dest('public'))
})




gulp.task('default', gulp.series (['styles','assets','scripts']));

在 CMD 中显示的错误是：

[19:00:50] Using gulpfile ~\Documents\JS\coletogram\gulpfile.js
[19:00:50] Starting 'default'...
[19:00:50] Starting 'styles'...
[19:00:50] Finished 'styles' after 192 ms
[19:00:50] Starting 'assets'...
[19:00:50] Finished 'assets' after 47 ms
[19:00:50] Starting 'scripts'...
[19:00:50] 'scripts' errored after 4.38 ms
[19:00:50] TypeError: browserify(...)Transform is not a function

标签： javascriptgulpbabeljsbrowserifybabelify

解决方案

尝试类似：

browserify(
    './src/index.js', 
    {
        transform: [["babelify", { "presets": ["@babel/preset-env"] }]]
    }
).bundle()

推荐阅读