如何引用精简的代码,但继续使用JavaScript开发

如何引用精简的代码,但继续使用JavaScript开发,javascript,html,minify,Javascript,Html,Minify,我们的index.html引用了大约25个javascript文件。对于部署,我们需要缩小所有这些,因此我们必须将index.html引用更新到缩小的版本 当我们回到开发阶段时,我们必须使用类似的index.html文件,但要引用非精简的javascript文件。有没有一种最佳实践方法可以实现这一点,而不必保持两个index.html文件同步,一个用于开发,一个用于部署?答案是源代码映射,它基本上是一种将缩小的javascript文件引用回未构建状态的方法 这样,您只需要一个index.html

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


当我们回到开发阶段时,我们必须使用类似的index.html文件,但要引用非精简的javascript文件。有没有一种最佳实践方法可以实现这一点,而不必保持两个index.html文件同步,一个用于开发,一个用于部署?

答案是源代码映射,它基本上是一种将缩小的javascript文件引用回未构建状态的方法

这样,您只需要一个index.html文件来引用缩小的javascript文件,源映射将帮助您调试它们,就像它们未缩小一样

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


您还可以使用或之类的工具来简化源地图的缩小和构建。

这个问题是主观的,所以它是离题的,但是为什么您不能保留相同的js文件名呢?x、 开发服务器上的js将指向未缩小的文件,而生产服务器上的x.js将指向缩小的副本,前提是这是您在生产服务器上加载的文件。