在基于mvc中的dev/prod环境的index.html中加载不同的脚本

Question

我试图根据我使用的环境加载不同的JavaScript文件。我创建了一个Angular2应用程序，它存在于一个MVC应用程序中。

在我的index.html（_layout.cshtml），我有以下脚本：

<script src="~/public/lib/js/vendors.min.js"></script> <!--bundled dependencies--> 
@*<script src="~/public/dist/js/app.min.js"></script> <!--bundled source-->*@ 

<script src="~/system.dev.config.js"></script>  
<script> 
    System.import('../public/dist/AppComponent/main.js').catch(function (err) { console.error(err); }); 
</script> 

该代码将加载angular2依赖和启动应用程序。我想区分开发（当我在开发应用程序时）和它在生产线上的时间。

我要区分开来，所以我只加载以下文件：

开发环境：

<script src="~/public/lib/js/vendors.min.js"></script> <!--bundled dependencies--> 

<script src="~/system.dev.config.js"></script>  
<script> 
    System.import('../public/dist/AppComponent/main.js').catch(function (err) { console.error(err); }); 
</script> 

PROD环境：

<script src="~/public/lib/js/vendors.min.js"></script> <!--bundled dependencies--> 
<script src="~/public/dist/js/app.min.js"></script> <!--bundled source--> 

是否有任何选项，所以当我处于调试模式时，它应该在发布时使用dev脚本和其他方法模式？

在此先感谢。

Answer 1

您可以使用

@{ 
    #if DEBUG 
     <script src="~/public/lib/js/vendors.min.js"></script> <!--bundled dependencies--> 

     <script src="~/system.dev.config.js"></script>  
     <script> 
      System.import('../public/dist/AppComponent/main.js').catch(function (err) { console.error(err); }); 
     </script> 
    #else 
     <script src="~/public/lib/js/vendors.min.js"></script> <!--bundled dependencies--> 
     <script src="~/public/dist/js/app.min.js"></script> <!--bundled source--> 
    #endif 
} 

我希望我已经帮助