部署精简的javascript文件并进行调试

所以我完成了一个新的angular应用程序的构建，我想将它部署到生产环境中。。。当然，我已经准备好了我所有的角度代码，这样它可以缩小，所以我在这里被涵盖！！但有些事我不明白。。。我有很好的代码分离和我的应用程序的完整单元测试。。。因此，当然，我的主页上有很多脚本标记

当然，我需要在开发时在运行时调试javascript，但当我开始部署时，我需要缩小。这里的最佳实践是什么？这实际上是在我将代码移动到生产机器后，用all.min.js文件手动替换脚本标记的过程吗？我是否也缩小了所有的css和html？？我正在用大口喝来缩小

---

感谢您的帮助……

在没有服务器端模板（如Razor或Thymeleaf）的情况下，我建议使用gulp预处理、gulp processhtml或gulp html替换。

使用gulp在开发和生产中压缩文件。您可能希望使用它来调试客户端javascript，就好像它们是单独的文件一样

下面是一个示例

gulpfile.js

gulp.task('script', function(){
  gulp.src('./app/**/*.js')
  .pipe(sourcemaps.init())
  .pipe(concat('application.js'))
  .pipe(sourcemaps.write())
  .pipe(gulp.dest('./build'))
})

gulp.task('script:prod', function(){
  gulp.src('./app/**/*.js')
  .pipe(concat('application.js'))
  .pipe(ugilfy())
  .pipe(gulp.dest('./build'))
})

然后在您看来，只需将其指向构建文件

<script src="/build/application.js"></script>

---

部署时，运行

gulpscript:prod

。在开发过程中，运行

gulpscript

您可以使用服务器端组件，根据需要在调试模式或发布模式下提供脚本。不应是手动过程。有太多的方法可以做到这一点，这使得这个问题对于堆栈溢出来说过于宽泛。如果你尝试了一些东西却被卡住了，那么你对这个论坛有一个很好的问题。你不需要缩小html。juan这个问题一点也不宽泛。。。我得到了一些很好的答案。