如何在开发和上线过程中使用 JavaScript

Question

我从事前端开发工作，希望找到一种在（非压缩和多个文件）开发环境和（压缩和组合文件）实时环境之间使用 javaScript 的解决方案。

我找到了一种 CSS 解决方案，这意味着我只需要在导入中包含一个全局 CSS 文件，然后在部署到实时环境时组合并压缩这些导入。这意味着我们不必切换将引用添加到开发和实时的头部。

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

谢谢

戴夫

Answer 1

如果您使用 jQuery ，那么从 Javascript 中包含外部 Javascript 文件非常容易，这基本上就是您所描述的那样与CSS。

阅读 jQuery getScript()

Answer 2

您可以使用 Charles Web 调试代理。或者类似的东西。

Charles 允许提供任何本地文件而不是任何 url。因此，您可以为浏览器提供本地 JS 文件，而不是实时 JS。因此，您将能够测试 JS 或 CSS 更改，而无需向用户显示它们。

Answer 3

我使用 ESC 将所有独立的 JavaScript 合并并压缩到一个中央 JavaScript，并拥有它作为“构建后”任务运行。

Answer 4

对于 Visual Studio，我编写了一个小型控制台应用程序（如某人提到的 ESC），用作构建后事件。它很简单，但可以通过以下方式自动执行您所描述的工作：

• 将文件名列表作为其参数
• 使用 Crockford 的 JS 压缩器
• 将输出合并到一个 .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 开发环境，那么我将删除它。

Answer 5

感谢您的所有回复。我提出了一个使用您的一些想法的解决方案。

我有一个全局 js 文件，其中包含要包含的文件列表，在开发期间运行时仅将脚本链接写入页面。

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

这意味着我在此过程中不需要任何服务器端代码，这使得自由前端开发团队的维护变得更容易。

当最后一堆代码准备好后，我会将其发布在我的博客上。

Answer 6

我不知道您的开发环境是什么样子，但您可以将所有脚本标签放入一个文件中进行开发，并使用另一个文件进行生产，其中包含单个文件的脚本标签。例如：development_js.extension 和 product_js.extension。

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