새로운 Asp BundlerMinifier를 사용하는 환경에 따라 여러 스크립트 태그를 자동으로 렌더링 할 수 있습니까? 순간

Question

, 나는 나에게 많은 JS 파일을 큰 번들을 정의 할 수 NuGet 패키지,

bundles.Add(new ScriptBundle("~/Bundles/js/PartOfMyGiantAngularApp").Include(
    // messages 
        "~/App/messages/service/messageCache.module.js", 
        "~/App/messages/service/messageCache.service.js", 
        "~/App/messages/message-list/message-list.module.js", 
        "~/App/messages/message-list/message-list.component.js", 
        "~/App/messages/message-detail/message-detail.module.js", 
        "~/App/messages/message-detail/message-detail.component.js", 
        "~/App/messages/message-edit/message-edit.module.js", 
        "~/App/messages/message-edit/message-edit.component.js", 
        "~/App/messages/message-create/message-create.module.js", 
        "~/App/messages/message-create/message-create.component.js", 
        "~/App/messages/message.module.js" 
) 

과 내 주요 html 파일로 그들 모두를 끌어 사용하고 있습니다 :

@Scripts.Render("~/Bundles/js/PartOfMyGiantAngularApp.js") 

을 어느 프로덕션에서 하나의 파일을 생성합니다 :

<script src="/Bundles/js/PartOfMyGiantAngularApp.js"></script> 

또는 dev에 여러 개의 스크립트 태그가 렌더링됩니다. 내 번들 설정에와 환경 태그 메인 HTML 페이지에서 각 파일을 지정 둘 필요없이 새로운 빌드 시간 Bundler를/Minifier를 사용하는 경우

<script src="/App/messages/service/messageCache.module.js"></script> 
<script src="/App/messages/service/messageCache.service.js"></script> 
<script src="/App/messages/message-list/message-list.module.js"></script> 
<script src="/App/messages/message-list/message-list.component.js"></script> 
<script src="/App/messages/message-detail/message-detail.module.js"></script> 
<script src="/App/messages/message-detail/message-detail.component.js"></script> 
<script src="/App/messages/message-edit/message-edit.module.js"></script> 
<script src="/App/messages/message-edit/message-edit.component.js"></script> 
<script src="/App/messages/message-create/message-create.module.js"></script> 
<script src="/App/messages/message-create/message-create.component.js"></script> 
<script src="/App/messages/message.module.js"></script> 

우리는 어떻게 dev에 모드에서이 자동으로 여러 개의 파일을받을 수 있나요? 나는 그저 길을 찾아 내고 그것들을 낡은 것과 같게하고 싶다. JS 코드의 원본을 모르는 경우 JS 코드 한 줄을 디버그하는 것은 어렵습니다.

그것은 아주 멋지게 여기에 쓰여 :

https://docs.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification?tabs=visual-studio%2Caspnetcore2x

에서 : 우리는이 같은 일을해야 할 것 환경 기반 번들 및 축소를 :

<environment include="Development"> 
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" /> 
    <link rel="stylesheet" href="~/css/site.css" /> 
</environment> 

이가이다 JS 파일이 많을 때의 끔찍한 해결책!

Answer 1

번들을 사용하지 않도록 설정하려고합니다. RegisterBundles 메서드 (App_Start 폴더의 BundleConfig 클래스). 추가하면 번들링이 사용 중지됩니다.

BundleTable.EnableOptimizations = false;