如何在开发中使用JavaScript,然后使用live

如何在开发中使用JavaScript,然后使用live,javascript,testing,compression,live,Javascript,Testing,Compression,Live,我从事前端开发,希望找到一个解决方案,在非压缩和多文件开发环境以及压缩和组合文件实时环境之间使用javaScript 我已经找到了一个使用CSS的解决方案,这意味着我只需要包含一个带有导入的全局CSS文件,然后我们在部署到实时环境时组合并压缩这些导入。这意味着我们不必在dev和live的头部切换添加引用 关于JavaScipt的类似解决方案有什么想法吗 谢谢 Dave如果您正在使用,那么从Javascript中包含外部Javascript文件非常容易,这基本上就是您描述的使用CSS所做的 阅读j

我从事前端开发,希望找到一个解决方案,在非压缩和多文件开发环境以及压缩和组合文件实时环境之间使用javaScript

我已经找到了一个使用CSS的解决方案,这意味着我只需要包含一个带有导入的全局CSS文件,然后我们在部署到实时环境时组合并压缩这些导入。这意味着我们不必在dev和live的头部切换添加引用

关于JavaScipt的类似解决方案有什么想法吗

谢谢

Dave

如果您正在使用,那么从Javascript中包含外部Javascript文件非常容易,这基本上就是您描述的使用CSS所做的

阅读jQuery

您可以使用Web调试代理。或smth类似


Charles允许提供任何本地文件,而不是任何url。因此,您可以为浏览器提供本地JS文件,而不是live JS。因此,您可以在不向用户显示的情况下测试JS或CSS更改。

我用于将所有独立的Java脚本合并并压缩到一个中心脚本,并将其作为“后期构建”任务运行。

对于Visual Studio,我编写了一个小型控制台应用程序,就像有人提到的ESC一样,用作后期构建事件。这很简单,但可以通过以下方式自动完成所描述的工作:

将文件名列表作为其参数 使用 将输出合并到一个.js文件中 然后在站点项目中,从资源加载文件,并在类中执行切换

List<string> files = new List<string>();
#if DEBUG
   files.Add("MyNamespace.Javascript.script1.js");
   files.Add("MyNamespace.Javascript.script2.js");
#else
   files.Add("MyNamespace.Javascript.Live.js"); // single file
#endif

// ScriptManager.Register them

您还可以在JS文件上启用GZIP压缩,以加快加载速度。如果您没有使用Microsoft开发环境,那么我将删除此项。

我不知道您的开发环境是什么样子,但您可以将所有脚本标记放入一个文件中进行开发,并将另一个用于生产,其中包含单个文件的脚本标记。例如:开发扩展和生产扩展


然后,只需使用服务器端包含或某些构建工具将正确的文件合并到HTML文件中即可。

谢谢您的回复。我想出了一个解决方案,它利用了你的一些想法

我有一个全局js文件,其中有一个要包含的文件列表,当在开发过程中运行时,只需将脚本链接写入页面

然后在部署过程中包含一个脚本,该脚本解析全局js文件,查找它链接到一起的文件,将它们合并并压缩到一个全局js文件中

这意味着,在这个过程中,我不需要任何服务器端代码,这使得在一个自由职业的前端开发团队中更容易维护

我会在我的博客上发布最后一组代码