在基於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 
} 

我希望我已經幫助