如何先导入jQuery并在后续导入的其他模块中使用？

嘿，我来帮你拆解下这个Gulp任务，看看它到底能不能达成你预期的效果～

先把你的任务代码贴出来方便分析：

function restaurantScripts() {
  return gulp.src(paths.restaurant.scripts.src)
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(bro({
      transform: [
        babelify.configure({ presets: ['es2015'] }),
        [ 'uglifyify', { global: true } ]
      ]
    }))
    .pipe(rename({ basename: 'restaurant', suffix: '.min' }))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(paths.restaurant.scripts.dest));
}

从代码来看，这个任务已经覆盖了几个核心需求，我逐个给你说明：

• ES6转ES5兼容处理：通过babelify配置es2015预设，能够将你写的ES6模块代码（包括import/export语法）转换成兼容旧版本浏览器的ES5代码，这部分逻辑是没问题的。
• 全局代码压缩：uglifyify开启了global: true参数，意味着它会压缩所有代码——不仅是你自己写的业务代码，还包括你通过模块导入的第三方依赖，能有效减小最终输出文件的体积。
• 完整的源地图支持：sourcemaps.init({loadMaps: true})会加载依赖模块自带的源地图（如果有的话），最后sourcemaps.write('./')会把生成的源地图文件输出到和最终脚本相同的目录，这样你在浏览器调试时依然能看到原始的代码结构，不会因为压缩转译变得难以调试。
• 标准化的文件输出：通过rename插件把最终文件重命名为restaurant.min.js，清晰标识这是压缩后的脚本，最后输出到你指定的目标目录，文件管理更规范。

如果你的预期是合并ES6模块、转译兼容旧浏览器、压缩代码、生成源地图，那这个任务完全可以达成。要是你还有其他特殊需求（比如排除某些依赖不压缩、处理特定模块的转译规则），可以再调整bro的transform配置或者补充其他Gulp插件。

内容的提问来源于stack exchange，提问作者Baldráni