如何在JavaScript开发过程中引用压缩代码

Question

7

我们的index.html文件引用了约25个javascript文件。为了部署，我们需要将所有这些文件进行压缩，因此我们必须更新index.html文件中对于压缩版本的引用。

当我们回到开发阶段时，我们需要使用类似的index.html文件，但是引用的应该是非压缩的javascript文件。有没有一种最佳实践方法可以在不必维护两个index.html文件的情况下完成这个任务？

- dt1000

这个问题是主观的，所以它不属于讨论范畴，但是你为什么不能保持相同的JS文件名呢？在开发服务器上，x.js将指向未经缩小的文件，而在生产服务器上，x.js将指向缩小的副本，前提是你在生产服务器上加载了缩小的副本。 - j08691

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zach Spencer · Accepted Answer

答案是源代码映射(Source Maps)，它基本上是一种将一个被压缩的JavaScript文件引用回未构建状态的方法。这样你只需要一个index.html文件引用你的被压缩的JavaScript文件，而源代码映射将帮助你调试它们，就像它们没有被压缩一样。

这是一个非常有帮助的链接。

您还可以使用gulp或grunt等工具来更轻松地压缩和构建源映射。