将js文件合二为一，做成内联脚本答案

【问题标题】：Combine js files into one and make it inline script将js文件合二为一，做成内联脚本
【发布时间】：2020-04-25 09:18:11
【问题描述】：

如何将多个 JavaScript 文件合并为一个并使其成为内联脚本。目前我可以使用 gulp usemin 将其合并为一个文件，但我不能将其作为内联脚本。我想解决渲染阻塞请求问题。我的问题是以下是否可以做到？

这是代码的一部分

<!-- 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');
    });
}));

【问题讨论】：

标签： javascript gulp inline-scripting gulp-usemin

【解决方案1】：

您可以在脚本中使用async 或defer 属性：

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

【讨论】：

请问async和defer有什么区别，我应该使用哪个属性？
Defer 按 html 中列出的顺序执行多个脚本标签。如果不需要执行顺序，我建议使用异步。
感谢@AnthumChris 的回复，但据我了解，我无法在我的 Angular js 应用程序中将 async 与组合的 node_modules 脚本结合使用。