ASP.NET Core 2.1.4 MVC如何将bundleconfig.json的sourceMap绑定环境变量？

当然可以实现这个需求！在ASP.NET Core 2.1.4 MVC中，我们可以通过两种常见方式让bundleconfig.json的sourceMap属性根据环境变量动态切换，下面详细说明：

方法一：使用环境特定的配置文件 #

ASP.NET Core原生支持环境特定的配置文件加载机制，我们可以利用这一点为不同环境创建单独的bundle配置：

1. 创建环境专属配置文件

   • 在项目根目录下，除了主bundleconfig.json，分别创建：
     • bundleconfig.Development.json：仅在开发环境生效，内容示例：

       [
         {
           "outputFileName": "wwwroot/css/site.min.css",
           "inputFiles": [
             "wwwroot/css/site.css"
           ],
           "sourceMap": true
         },
         {
           "outputFileName": "wwwroot/js/site.min.js",
           "inputFiles": [
             "wwwroot/js/site.js"
           ],
           "sourceMap": true
         }
       ]
       

     • bundleconfig.Production.json：仅在生产环境生效，内容示例：

       [
         {
           "outputFileName": "wwwroot/css/site.min.css",
           "inputFiles": [
             "wwwroot/css/site.css"
           ],
           "sourceMap": false
         },
         {
           "outputFileName": "wwwroot/js/site.min.js",
           "inputFiles": [
             "wwwroot/js/site.js"
           ],
           "sourceMap": false
         }
       ]
       

2. 配置MSBuild加载环境特定文件
   默认情况下，BuildBundlerMinifier工具只会读取主bundleconfig.json，我们需要修改项目文件（.csproj），让它根据当前构建环境加载对应的配置文件：

   <PropertyGroup>
     <BundlerMinifierConfigFile>bundleconfig.$(ASPNETCORE_ENVIRONMENT).json</BundlerMinifierConfigFile>
   </PropertyGroup>
   
   <!-- 回退到主配置文件，如果环境特定文件不存在 -->
   <Target Name="CheckBundleConfig" BeforeTargets="BundlerMinifier">
     <Error Condition="!Exists('$(BundlerMinifierConfigFile)')" Text="Bundle config file $(BundlerMinifierConfigFile) not found." />
     <PropertyGroup Condition="!Exists('$(BundlerMinifierConfigFile)')">
       <BundlerMinifierConfigFile>bundleconfig.json</BundlerMinifierConfigFile>
     </PropertyGroup>
   </Target>
   

   这样在构建时，工具会根据ASPNETCORE_ENVIRONMENT环境变量的值，自动加载对应的配置文件，从而实现sourceMap的动态切换。

方法二：通过MSBuild属性动态修改bundleconfig #

如果不想维护多个配置文件，我们可以直接在项目文件中通过MSBuild条件来动态设置sourceMap的值：

1. 修改项目文件（.csproj）
   添加以下配置，根据当前环境设置SourceMapEnabled属性，然后传递给BundlerMinifier工具：

   <PropertyGroup>
     <!-- 开发环境默认开启sourceMap，生产环境关闭 -->
     <SourceMapEnabled Condition="'$(ASPNETCORE_ENVIRONMENT)' == 'Development'">true</SourceMapEnabled>
     <SourceMapEnabled Condition="'$(ASPNETCORE_ENVIRONMENT)' != 'Development'">false</SourceMapEnabled>
   </PropertyGroup>
   
   <Target Name="ModifyBundleConfig" BeforeTargets="BundlerMinifier">
     <!-- 使用MSBuild任务修改bundleconfig.json中的sourceMap属性 -->
     <FileUpdate Files="bundleconfig.json"
                 Regex='"sourceMap":\s*(true|false)'
                 ReplacementText='"sourceMap": $(SourceMapEnabled)' />
   </Target>
   

   这个方法会在构建前自动修改主bundleconfig.json中的sourceMap值，根据当前环境变量切换为true或false。

注意事项 #

• 如果你使用的是Visual Studio，记得在“项目属性”的“调试”选项卡中设置ASPNETCORE_ENVIRONMENT环境变量，或者在系统环境变量中配置。
• 对于持续集成（CI）环境，只需要在构建过程中设置ASPNETCORE_ENVIRONMENT变量即可，比如在Azure DevOps或GitHub Actions中添加环境变量参数。

内容的提问来源于stack exchange，提问作者TimHorton333