为各种环境生成 javascript 配置答案

【问题标题】：Generate javascript config for various environments为各种环境生成 javascript 配置
【发布时间】：2016-07-13 15:59:35
【问题描述】：

我正在为asp.net mvc 应用程序提供水疗服务（使用angular.js）。因此，所有.js 文件都在Index.html 内提供服务

有一个 .js 文件，它更像是一个配置文件。

//environment 1
//var url1 = "protocol : // abc.com /";

//environment 2
//var url1= "protocol : // xyz.com /";

问题：每次我想使用任何部署策略将其部署到环境中时，我都需要取消注释与该环境相关的行。

我无法应用 Visual Studio 转换，因为这不是 .config 文件。我如何部署/准备这个.js 文件而无需像评论/取消评论这样的人工干预。

我确信必须有一些简单的概念来解决这个我不知道的问题。可能类似于从服务器端生成此文件。我该如何解决这个问题？

【问题讨论】：

docs.asp.net/en/latest/fundamentals/environments.html
通常是通过读取web.config中的设置来解决的，但是听起来好像不能做配置转换...

标签： javascript c# asp.net angularjs deployment

【解决方案1】：

您可以使用 Gulp 作为任务运行器。我最近在自己的工作中使用捆绑、缩小和版本控制所有资产（JS 文件、css、HTML）。 This 例子很容易实现。

【讨论】：

【解决方案2】：

如果您在 MVC 中使用 javascript 捆绑，您可以根据 web.config 中的环境设置捆绑不同的 javascript 文件。

例如在 RegisterBundles 方法中：

var appBundle = new ScriptBundle("~/bundles/app").Include(...);
var environment = ConfigurationManager.AppSettings["environmentName"];
appBundle.Include($"~/js/config.{environment}.js");
bundles.Add(appBundle);

【讨论】：