Javascript 将js文件合并为一个，并使其成为内联脚本

如何将多个JavaScript文件组合成一个并使其成为内联脚本。 目前，我可以使用gulpusemin组合成一个文件，但不能作为内联脚本。 我想解决渲染阻塞请求问题。 我的问题是：有可能吗

这是代码的一部分

<!-- build:js scripts/plugins.js -->
   <!-- endbuild -->

gulp.task('usemin', gulp.series('inject', 'less', function(callback) {
  return gulp.src('./app/index.html')
    .pipe(usemin({
      //  js: [ngAnnotate,uglify]
    }))
    .pipe(gulp.dest(currentDir))
    .on('end', function () {
      del('./app/index.html');
    });
}));

gulp.task（'usemin'，gulp.series（'inject'，'less'，函数（回调）{
return gulp.src（'./app/index.html'）
.管道（使用分钟({
//js:[ngAnnotate，丑陋]
}))
.管道（吸气目的地（当前方向））
.on（'end'，函数（）{
del（'./app/index.html'）；
});
}));

您可以在脚本上使用或属性：

<script async src="app.min.js"></script>

请说明async和defer之间的区别以及我应该使用哪个属性？defer按照html中列出的顺序执行多个脚本标记。如果不需要执行顺序，我建议使用async。感谢@AnthumChris的回复，但据我所知，我无法在angular js应用程序中将async与组合节点模块脚本一起使用。