用gulp + babelify + browserify使用es6模块化的正确方法？

我必须在下一个项目中使用es6模块化，用于构建es6模块化的工具已经最终确定为饮用，babelify和browserify，我很困惑，因为我对这三者都是新手，他们是如何工作来创建es6模块化的。 我的大文件的相关部分是

function bundle_js(bundler) {
return bundler.bundle()
    .on('error', map_error)
    .pipe(source('app.js'))
    .pipe(buffer())
    .pipe(gulp.dest('dist/'))
    .pipe(rename('app.min.js'))
    .pipe(sourcemaps.init({ loadMaps: true }))
    // capture sourcemaps from transforms
    .pipe(uglify())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist/'))
  }

// Without watchify
gulp.task('browserify', function () {
    var bundler = browserify('app.js', { debug: true }).transform(babelify, {/* options */ })

    return bundle_js(bundler)
})

我想问一下

我应该在index.html，app.js或dist / app.min.js中引用哪个文件

在js / * js文件夹中还有es6中带有模块导出功能的其他js文件，babelify / browserify是否仅使用条目js文件（app.js）或所有src文件（js / * js）来实现模块化？

链接地址: http://www.djcxy.com/p/32963.html

上一篇: Correct way to use es6 modularity with gulp + babelify + browserify?

下一篇: Create react app with browserify has error