>

-prod를 사용하여 angular 7 프로젝트를 빌드하면 예산에 경고가 표시됩니다.

각 7 프로젝트가 있는데 빌드하고 싶지만 경고가 있습니다 :

WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB

이것은 청크 세부 사항입니다 :

chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB  [rendered]
chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered]
chunk {1} main.13d1eb792af7c2f359ed.js (main) 3.34 MB [initial] [rendered]
chunk {2} polyfills.11b1e0c77d01e41acbba.js (polyfills) 58.2 kB [initial] [rendered]
chunk {3} styles.33b11ad61bf10bb992bb.css (styles) 379 kB [initial] [rendered]

예산은 정확히 무엇입니까? 어떻게 관리해야하나요?

  • 답변 # 1

    angular.json파일을 열고 budgets 를 찾으십시오  예어.

    다음과 같아야합니다 :

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "2mb",
          "maximumError": "5mb"
       }
    ]
    
    

    아마도 짐작했듯이 maximumWarning 를 늘릴 수 있습니다  이 경고를 방지하기위한 값 (예 :

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "4mb", <===
          "maximumError": "5mb"
       }
    ]
    
    
    예산의 의미는 무엇인가요? 와이즈 비즈

    이 경우 예산은 번들 크기의 한도입니다.

    참조 :

    https://github.com/webpack/webpack/issues/3216

    https://angular.io/guide/build#configure-size-budgets

    A performance budget is a group of limits to certain values that affect site performance, that may not be exceeded in the design and development of any web project.

관련 자료

  • 이전 python - 리스트에서 최대 요소의 인덱스를 반환
  • 다음 Amazon Sagemaker를 통한 텍스트 데이터의 자동 라벨링