Question

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

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

关于JavaScipt类似解决方案的任何想法？

由于

戴夫

Answer 1

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

阅读jQuery getScript()

Answer 2

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

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

Answer 3

我使用ESC将所有独立的JavaScripts合并并压缩到一个中心JavaScripts，并将其作为“post build”任务运行。

Answer 4

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

以文件名列表作为参数
使用Crockford's JS compressor
将输出合并为一个.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 dev环境，那么我将删除它。

Answer 5

我不知道您的开发环境是怎样的，但是您可以将所有脚本标记放在一个文件中进行开发，然后让另一个用于生成具有单个文件的脚本标记的文件。例如：development_js.extension和production_js.extension。

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

Answer 6

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

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

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

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

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

如何在开发中使用JavaScript然后生活

6 个答案: