如何引用缩小代码，但继续在JavaScript中开发

Question

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

当我们回到开发时，我们必须使用类似的index.html文件，但是引用非缩小的javascript文件。是否有最佳实践方法可以实现此目的，而无需保持两个index.html文件同步，一个用于开发，一个用于部署？

Answer 1

答案是Source Maps，它基本上是一种将缩小的javascript文件引回到未构建状态的方法。

这样你只需要一个index.html文件引用你的缩小的javascript文件，源地图将帮助你调试它们，好像它们没有被缩小。

这是一个真正帮助我的链接。

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

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