没有 gulp 的 Browserify ES6 代码

Question

我正在使用 browserify 和 ES5 代码

$> browserify index.js > bundle.js

但现在我想用 ES6 做同样的事情。使用 gulp 这很容易：

gulp.task('build', function () {
    return browserify(....)
        .transform(babelify)
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('dist'));
});

是否可以使用此命令行工具来处理 ES6 代码？

更新：

这是我的测试项目中的文件：

index.js:

import test from 'test';

test();

test.js:

export default function doit(msg = 'default msg')  {
    alert(`x: ${msg}`);
}

index.html:

<!doctype html>
<html>
    <head><head>

    <body>
        <script src="bundle.js"></script>
    </body>
<html>

现在如果我运行建议的命令：

$> browserify index.js -o bundle.js -t babelify --presets es2015
index.js:1
import test from 'test';
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'

对我做错了什么有什么建议吗？

Answer 1

试一试：

browserify -t [ babelify --presets [ es2015 ] ] origin.js -o destination.js

没有 gulp 的 Browserify ES6 代码

Browserify ES6 code without gulp

javascript

browserify

gulp