首页 > 解决方案 > 如何在没有 .require() 方法的情况下使用 GULP 将导入/导出转换为 es5?

问题描述

我想为我的项目创建 GULP 任务管理器,我需要将 javascripts 从 ecmascript6 转换为 ecmascript5。所以我尝试使用 babel:

gulp.task('babel', function() {
return gulp.src(path.watch.js)
    .pipe(babel({
        presets: ['es2015'],
        plugins: ['transform-object-rest-spread']
    }))
    .pipe(gulp.dest(path.jsDist)); });

,其中 path.watch.js 是路径字符串 './src/js/**/*.js',path.jsDist 是目标文件夹 ('./dist/js/')。我的 JS 文件包含导入/导出,转换后我将获得带有所有导出模块和 .require() 方法的 javascript。但它不适合大多数浏览器的脚本。我需要在目标文件夹中有一个美化的通用 JS 包(例如 APP.JS,使用 gulp-concat 模块),但我不知道如何正确执行此操作。

标签: javascriptgulpbrowserifybabeljs

解决方案


推荐阅读