본문 바로가기
Languages

[intellij+windows+vue+bootstrap] npm run build시 entrypoint size limit 문제 해결방법

by lucidiz 2023. 7. 11.
반응형

IntelliJ, windows 환경에서 vue를 빌드할려고 "npm run build" 명령어를 실행시켰다. 그리고 다음과 같이 문제가 발생하였고 그리고 해결은 다음과 같이 하였습니다.

<문제>

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.

PS E:\a\frontend> npm run build                                 

> frontend@2.1.0 build
> vue-cli-service build


\  Building for production...

 WARNING  Compiled with 1 warning                                                                                                          오전 11:13:49

 warning 

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.        
Entrypoints:
  app (550 KiB)
      css/chunk-vendors.cd2ddb44.css
      js/chunk-vendors.9fc30db5.js
      css/app.a5f5a014.css
      js/app.4f229cd2.js


  File                                      Size             Gzipped

  ..\src\main\resources\static\js\chunk-    211.39 KiB       70.53 KiB
  vendors.9fc30db5.js
  ..\src\main\resources\static\js\app.4f    77.82 KiB        16.01 KiB
  229cd2.js
  ..\src\main\resources\static\js\chunk-    39.10 KiB        11.65 KiB
  2d219ff9.1189c811.js
  ..\src\main\resources\static\precache-    3.24 KiB         1.04 KiB
  manifest.187ba9d8994c37b3cf41cf717ba9a
  e4d.js
  ..\src\main\resources\static\service-w    0.94 KiB         0.53 KiB
  orker.js
  ..\src\main\resources\static\css\chunk    173.29 KiB       24.51 KiB
  -vendors.cd2ddb44.css
  ..\src\main\resources\static\css\app.a    87.82 KiB        15.95 KiB
  5f5a014.css

  Images and other types of assets omitted.

 DONE  Build complete. The ..\src\main\resources\static directory is ready to be deployed.
 INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html

 

<해결방법>

 

"vue.config.js" 파일에서 다음과 같이 성능 관련한 설정을 추가하면 됩니다.

  configureWebpack: {
    performance: {
          hints: false, // 경고를 표시하지 않음
          maxAssetSize: 5242880, // 최대 파일 크기를 5MB로 제한 (기본값: 250000 bytes)
          maxEntrypointSize: 5242880 // 최대 엔트리 포인트 크기를 5MB로 제한 (기본값: 250000 bytes)
        },

 

반응형