Front-End

[Vue.js]npm run build시 entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB) 워닝(warning) 해결방법

그동안 개발한 코드에 대한 테스트를 진행하기 위해 젠킨스를 이용하여 테스트 서버에 배포하였다.

Console Output 메뉴를 클릭하여 정상배포를 여부를 확인하기 위해 배포 로그를 보고 있었다.

젠킨스 배포 로그를 보니 작업중에 하나로 vue에대한 빌드 작업이 진행되었다.

D:projectsrcvue>npm run build

젠킨스 설정에 보니 Execute Windows batch command 설정이 되어 있었다. 


다른 문제들은 없었는데 warning이 발생하였다.

> vue@0.1.0 build D:Bitnamijenkins-2.89.4-1appsjenkinsjenkins_homejobsprojectsrcvue
> vue-cli-service build

-  Building for production...
Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`
 WARNING  Compiled with 15 warnings오후 6:25:21

 warning  

chunk chunk-47eabb10 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VSelect/VSelect.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VGrid/_grid.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , 

 warning  

chunk chunk-47eabb10 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VCheckbox/VSimpleCheckbox.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VGrid/_grid.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , 

 warning  

chunk chunk-47eabb10 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VDivider/VDivider.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VGrid/_grid.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , 

 warning  

chunk chunk-47eabb10 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VSubheader/VSubheader.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VGrid/_grid.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , 

 warning  

chunk chunk-47eabb10 [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VGrid/_grid.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VChip/VChip.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , 

 warning  

chunk chunk-7f8c6b7b [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VInput/VInput.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VTextField/VTextField.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-7f8c6b7b [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VLabel/VLabel.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VTextField/VTextField.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-7f8c6b7b [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VMessages/VMessages.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VTextField/VTextField.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-e320674c [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VList.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VListItem.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VItemGroup/VItemGroup.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-e320674c [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VListItem.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VItemGroup/VItemGroup.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VListGroup.sass
   - couldn't fulfill desired order of chunk group(s) , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-e320674c [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VListGroup.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VItemGroup/VItemGroup.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-e320674c [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VAvatar/VAvatar.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VItemGroup/VItemGroup.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

chunk chunk-e320674c [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VList/VListItemGroup.sass
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VItemGroup/VItemGroup.sass
   - couldn't fulfill desired order of chunk group(s) , , , , , , , , , , , , , , , 
   - while fulfilling desired order of chunk group(s) , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 

 warning  

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  js/chunk-0458956e.b2c94b6d.js (348 KiB)
  js/chunk-08199b50.fa9f65cf.js (270 KiB)
  js/chunk-0b06063c.9e55d16f.js (1.26 MiB)
  js/chunk-13989003.01e7bda3.js (428 KiB)
  js/chunk-173e1a6d.5120f6b5.js (321 KiB)
  js/chunk-17eccd4e.d2df2039.js (302 KiB)
  js/chunk-20c96451.7fa26b0b.js (688 KiB)
  js/chunk-22c2cbca.51fa4570.js (459 KiB)
  js/chunk-287b3404.a6e73b4b.js (384 KiB)
  js/chunk-29d85276.366e637f.js (358 KiB)
  js/chunk-2d59b9e4.2888b5bc.js (324 KiB)
  js/chunk-2fb1704a.1707ad95.js (1.29 MiB)
  js/chunk-379b8f2a.36062358.js (390 KiB)
  js/chunk-38be5e36.395efd97.js (397 KiB)
  js/chunk-48f02cbc.20c1227e.js (529 KiB)
  js/chunk-5f769bc2.b2f1e09c.js (317 KiB)
  js/chunk-66cb4c49.87131a95.js (386 KiB)
  js/chunk-6a2c67b7.77676f63.js (352 KiB)
  js/chunk-6deadc7a.e9b051b4.js (357 KiB)
  js/chunk-70522dc0.010acccb.js (405 KiB)
  js/chunk-9e80a960.202ec976.js (442 KiB)
  js/chunk-b73dfdca.569167a8.js (386 KiB)
  js/chunk-d76396a6.998d48dd.js (416 KiB)
  js/chunk-d7a56d64.9d61e479.js (1.26 MiB)
  js/chunk-d9379dbe.9db9d81e.js (323 KiB)
  css/chunk-vendors.f57f6aef.css (260 KiB)
  js/chunk-vendors.1ae95b4a.js (677 KiB)

 warning  

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (984 KiB)
      css/chunk-vendors.f57f6aef.css
      js/chunk-vendors.1ae95b4a.js
      js/app.c4f19e16.js


  File                                      Size             Gzipped

  ..mainwebappfrontjschunk-2fb1704a    1321.11 KiB      437.60 KiB
  .1707ad95.js
  ..mainwebappfrontjschunk-d7a56d64    1289.61 KiB      427.72 KiB
  .9d61e479.js
  ..mainwebappfrontjschunk-0b06063c    1287.87 KiB      427.48 KiB
  .9e55d16f.js
  ..mainwebappfrontjschunk-20c96451    687.54 KiB       194.25 KiB
  .7fa26b0b.js
  ..mainwebappfrontjschunk-vendors.    677.46 KiB       226.33 KiB
  1ae95b4a.js
  ..mainwebappfrontjschunk-48f02cbc    529.05 KiB       140.96 KiB
  .20c1227e.js
  ..mainwebappfrontjschunk-22c2cbca    459.29 KiB       122.52 KiB
  .51fa4570.js
  ..mainwebappfrontjschunk-9e80a960    441.61 KiB       120.26 KiB
  .202ec976.js
  ..mainwebappfrontjschunk-13989003    427.60 KiB       117.17 KiB
  .01e7bda3.js
  ..mainwebappfrontjschunk-d76396a6    416.20 KiB       112.49 KiB
  .998d48dd.js
  ..mainwebappfrontjschunk-70522dc0    405.05 KiB       109.91 KiB
  .010acccb.js
  ..mainwebappfrontjschunk-38be5e36    397.09 KiB       109.35 KiB
  .395efd97.js
  ..mainwebappfrontjschunk-379b8f2a    389.96 KiB       106.44 KiB
  .36062358.js
  ..mainwebappfrontjschunk-66cb4c49    386.01 KiB       105.27 KiB
  .87131a95.js
  ..mainwebappfrontjschunk-b73dfdca    385.74 KiB       106.02 KiB
  .569167a8.js
  ..mainwebappfrontjschunk-287b3404    383.62 KiB       103.73 KiB
  .a6e73b4b.js
  ..mainwebappfrontjschunk-29d85276    358.12 KiB       99.41 KiB
  .366e637f.js
  ..mainwebappfrontjschunk-6deadc7a    357.47 KiB       98.64 KiB
  .e9b051b4.js
  ..mainwebappfrontjschunk-6a2c67b7    352.03 KiB       98.24 KiB
  .77676f63.js
  ..mainwebappfrontjschunk-0458956e    348.42 KiB       96.47 KiB
  .b2c94b6d.js
  ..mainwebappfrontjschunk-2d59b9e4    323.80 KiB       88.79 KiB
  .2888b5bc.js
  ..mainwebappfrontjschunk-d9379dbe    323.16 KiB       89.26 KiB
  .9db9d81e.js
  ..mainwebappfrontjschunk-173e1a6d    320.75 KiB       87.45 KiB
  .5120f6b5.js
  ..mainwebappfrontjschunk-5f769bc2    316.85 KiB       86.45 KiB
  .b2f1e09c.js
  ..mainwebappfrontjschunk-17eccd4e    302.04 KiB       80.16 KiB
  .d2df2039.js
  ..mainwebappfrontjschunk-08199b50    270.33 KiB       72.09 KiB
  .fa9f65cf.js
  ..mainwebappfrontjschunk-55438746    199.95 KiB       52.87 KiB
  .f0000cfa.js
  ..mainwebappfrontjschunk-346c7504    193.43 KiB       50.59 KiB
  .e3087865.js
  ..mainwebappfrontjschunk-8dd59056    123.91 KiB       32.89 KiB
  .988e0af3.js
  ..mainwebappfrontjschunk-3c97140c    98.00 KiB        31.17 KiB
  .5233fbd7.js
  ..mainwebappfrontjschunk-5b139ba6    96.14 KiB        24.10 KiB
  .6e8c94ca.js
  ..mainwebappfrontjschunk-2eb0a042    92.87 KiB        23.66 KiB
  .28631cff.js
  ..mainwebappfrontjschunk-7b91e563    89.95 KiB        22.12 KiB
  .cb767a4a.js
  ..mainwebappfrontjschunk-0ba4fe06    89.63 KiB        29.05 KiB
  .99f887cb.js
  ..mainwebappfrontjschunk-4cbfe523    83.96 KiB        20.21 KiB
  .707d39f4.js
  ..mainwebappfrontjschunk-756e9125    80.96 KiB        21.94 KiB
  .a7b77100.js
  ..mainwebappfrontjschunk-d32e0d72    68.37 KiB        18.95 KiB
  .fc9b0653.js
  ..mainwebappfrontjschunk-8b298d96    65.20 KiB        17.11 KiB
  .b3e2fc91.js
  ..mainwebappfrontjschunk-7579504e    60.13 KiB        17.14 KiB
  .68c0f50e.js
  ..mainwebappfrontjschunk-0c28a945    57.65 KiB        15.34 KiB
  .4f195f3a.js
  ..mainwebappfrontjschunk-2f77b2de    57.56 KiB        14.46 KiB
  .6738a8cf.js
  ..mainwebappfrontjschunk-bba1ffe0    55.11 KiB        14.81 KiB
  .1542cabe.js
  ..mainwebappfrontjschunk-1dfe2f6f    52.50 KiB        13.07 KiB
  .dc7ac77f.js
  ..mainwebappfrontjschunk-42b834a5    51.83 KiB        12.86 KiB
  .dda9a771.js
  ..mainwebappfrontjschunk-1dfee075    51.83 KiB        13.24 KiB
  .250d35f4.js
  ..mainwebappfrontjschunk-96192144    49.45 KiB        14.33 KiB
  .656c2b60.js
  ..mainwebappfrontjschunk-4bba3347    48.10 KiB        13.17 KiB
  .0e58fa2c.js
  ..mainwebappfrontjsapp.c4f19e16.j    46.66 KiB        11.83 KiB
  s
  ..mainwebappfrontjschunk-3d599ffa    40.03 KiB        12.18 KiB
  .f61aaaef.js
  ..mainwebappfrontjschunk-a00ed7ac    39.66 KiB        11.26 KiB
  .342abfcd.js
  ..mainwebappfrontjschunk-4ce8cea8    39.05 KiB        11.10 KiB
  .750b49ae.js
  ..mainwebappfrontjschunk-1cad874c    37.98 KiB        11.10 KiB
  .e78cec72.js
  ..mainwebappfrontjschunk-610c5d46    35.31 KiB        10.45 KiB
  .4ab0281b.js
  ..mainwebappfrontjschunk-6aef7fc4    32.85 KiB        9.29 KiB
  .1675d9a8.js
  ..mainwebappfrontjschunk-3047f332    32.62 KiB        9.21 KiB
  .4b39a9de.js
  ..mainwebappfrontjschunk-364a06a6    32.04 KiB        9.74 KiB
  .c02859c8.js
  ..mainwebappfrontjschunk-47eabb10    26.75 KiB        7.39 KiB
  .870e408f.js
  ..mainwebappfrontjschunk-26be0216    25.55 KiB        6.73 KiB
  .305e55b6.js
  ..mainwebappfrontjschunk-75365cce    24.07 KiB        7.27 KiB
  .3c50f9af.js
  ..mainwebappfrontprecache-manifest    22.87 KiB        5.15 KiB
  .e1bb39a1618c82ce2c06e764fdc92064.js
  ..mainwebappfrontjschunk-7f8c6b7b    22.79 KiB        6.08 KiB
  .a8488792.js
  ..mainwebappfrontjschunk-25c3bf80    22.05 KiB        6.18 KiB
  .cae0eece.js
  ..mainwebappfrontjschunk-2121e53a    21.28 KiB        7.29 KiB
  .6c5ecb72.js
  ..mainwebappfrontjschunk-3e84df66    19.48 KiB        6.90 KiB
  .ec965a9e.js
  ..mainwebappfrontjschunk-e320674c    18.45 KiB        4.72 KiB
  .7ce6f79f.js
  ..mainwebappfrontjschunk-2f217a13    17.47 KiB        5.73 KiB
  .e260cec4.js
  ..mainwebappfrontjschunk-248de61c    16.77 KiB        5.35 KiB
  .84772685.js
  ..mainwebappfrontjschunk-7db889d2    16.32 KiB        5.17 KiB
  .52728bc3.js
  ..mainwebappfrontjschunk-b4ff8524    15.53 KiB        5.46 KiB
  .32bb92a9.js
  ..mainwebappfrontjschunk-e9e53f62    14.87 KiB        4.49 KiB
  .3d46dc95.js
  ..mainwebappfrontjschunk-57a27312    13.29 KiB        4.71 KiB
  .7d58dc54.js
  ..mainwebappfrontjschunk-1d1e0370    12.85 KiB        4.42 KiB
  .cac08915.js
  ..mainwebappfrontjschunk-2073bda1    12.18 KiB        4.36 KiB
  .fc1e30fb.js
  ..mainwebappfrontjschunk-1738a24c    11.65 KiB        4.12 KiB
  .8c88bf37.js
  ..mainwebappfrontjschunk-f071d796    11.01 KiB        3.76 KiB
  .007becf1.js
  ..mainwebappfrontjschunk-87ca4f90    10.62 KiB        3.53 KiB
  .d2737ba9.js
  ..mainwebappfrontjschunk-457c806c    8.97 KiB         3.41 KiB
  .52c4c9b4.js
  ..mainwebappfrontjschunk-92a14dc8    8.45 KiB         2.85 KiB
  .9a1b4b7f.js
  ..mainwebappfrontjschunk-5e04a9e6    8.14 KiB         3.23 KiB
  .c4edb146.js
  ..mainwebappfrontjschunk-345c476b    6.99 KiB         1.99 KiB
  .bcf4f2f6.js
  ..mainwebappfrontjschunk-21dd51b3    5.75 KiB         2.26 KiB
  .d27de5c7.js
  ..mainwebappfrontjschunk-3c8dbf2d    5.47 KiB         2.54 KiB
  .74b5fd02.js
  ..mainwebappfrontjschunk-6ade2f5e    5.42 KiB         2.35 KiB
  .d6c5e0c5.js
  ..mainwebappfrontjschunk-d458817a    5.16 KiB         2.10 KiB
  .9017138a.js
  ..mainwebappfrontjschunk-d562e6d0    5.15 KiB         2.11 KiB
  .8131b0a5.js
  ..mainwebappfrontjschunk-543bbafb    4.53 KiB         1.82 KiB
  .506962c5.js
  ..mainwebappfrontjschunk-f06c5ee4    3.94 KiB         1.66 KiB
  .2e4fda65.js
  ..mainwebappfrontjschunk-d4d3452e    3.82 KiB         1.66 KiB
  .8bf210f5.js
  ..mainwebappfrontjschunk-d50d92f4    3.80 KiB         1.66 KiB
  .4a8242ef.js
  ..mainwebappfrontjschunk-32f7b210    1.77 KiB         0.89 KiB
  .5f265d9e.js
  ..mainwebappfrontjschunk-2d0ceb41    1.34 KiB         0.76 KiB
  .7cc67ee7.js
  ..mainwebappfrontjschunk-9d4c75da    1.25 KiB         0.77 KiB
  .189732ae.js
  ..mainwebappfrontjschunk-beeea3c2    0.95 KiB         0.61 KiB
  .85c21c1d.js
  ..mainwebappfrontjschunk-2d20828a    0.91 KiB         0.59 KiB
  .f5f94a69.js
  ..mainwebappfrontservice-worker.js    0.56 KiB         0.34 KiB
  ..mainwebappfrontcsschunk-vendors    260.08 KiB       29.19 KiB
  .f57f6aef.css
  ..mainwebappfrontcsschunk-bba1ffe    107.66 KiB       19.08 KiB
  0.3248841f.css
  ..mainwebappfrontcsschunk-48f02cb    95.75 KiB        11.17 KiB
  c.039e6d14.css
  ..mainwebappfrontcsschunk-38be5e3    78.68 KiB        8.62 KiB
  6.dc225ca4.css
  ..mainwebappfrontcsschunk-20c9645    72.85 KiB        9.01 KiB
  1.101233d5.css
  ..mainwebappfrontcsschunk-22c2cbc    69.22 KiB        8.67 KiB
  a.b1adf738.css
  ..mainwebappfrontcsschunk-8b298d9    61.78 KiB        6.55 KiB
  6.bb344b8a.css
  ..mainwebappfrontcsschunk-8dd5905    60.73 KiB        7.52 KiB
  6.0678e715.css
  ..mainwebappfrontcsschunk-70522dc    60.40 KiB        7.68 KiB
  0.b0d26358.css
  ..mainwebappfrontcsschunk-9e80a96    59.86 KiB        7.58 KiB
  0.f8744f2e.css
  ..mainwebappfrontcsschunk-d76396a    59.86 KiB        7.58 KiB
  6.f8744f2e.css
  ..mainwebappfrontcsschunk-1398900    56.24 KiB        7.31 KiB
  3.378a6aa9.css
  ..mainwebappfrontcsschunk-2fb1704    56.22 KiB        7.32 KiB
  a.d45d837f.css
  ..mainwebappfrontcsschunk-5f769bc    52.82 KiB        5.60 KiB
  2.210f23b5.css
  ..mainwebappfrontcsschunk-0b06063    45.18 KiB        5.94 KiB
  c.2d30dac3.css
  ..mainwebappfrontcsschunk-d7a56d6    45.10 KiB        5.92 KiB
  4.e079b7b1.css
  ..mainwebappfrontcsschunk-379b8f2    45.02 KiB        5.89 KiB
  a.4012cff2.css
  ..mainwebappfrontcsschunk-287b340    44.97 KiB        5.81 KiB
  4.edd25d57.css
  ..mainwebappfrontcsschunk-66cb4c4    44.91 KiB        5.86 KiB
  9.24b314d9.css
  ..mainwebappfrontcsschunk-b73dfdc    44.91 KiB        5.86 KiB
  a.2f4f297b.css
  ..mainwebappfrontcsschunk-17eccd4    43.73 KiB        5.75 KiB
  e.3c384eff.css
  ..mainwebappfrontcsschunk-29d8527    43.56 KiB        5.59 KiB
  6.f69a3dc2.css
  ..mainwebappfrontcsschunk-7b91e56    43.29 KiB        5.60 KiB
  3.e57ecec4.css
  ..mainwebappfrontcsschunk-2eb0a04    41.95 KiB        5.42 KiB
  2.f3e1045c.css
  ..mainwebappfrontcsschunk-4cbfe52    41.95 KiB        5.42 KiB
  3.f480e19f.css
  ..mainwebappfrontcsschunk-1dfe2f6    41.13 KiB        5.06 KiB
  f.9df6c0dd.css
  ..mainwebappfrontcsschunk-42b834a    41.13 KiB        5.06 KiB
  5.9df6c0dd.css
  ..mainwebappfrontcsschunk-d32e0d7    40.57 KiB        5.13 KiB
  2.d7b3c034.css
  ..mainwebappfrontcsschunk-26be021    40.24 KiB        4.93 KiB
  6.534b8fd3.css
  ..mainwebappfrontcsschunk-6deadc7    39.29 KiB        5.20 KiB
  a.6b40b426.css
  ..mainwebappfrontcsschunk-6a2c67b    39.28 KiB        5.29 KiB
  7.d9fd0168.css
  ..mainwebappfrontcsschunk-610c5d4    38.73 KiB        4.79 KiB
  6.8a9186e2.css
  ..mainwebappfrontcsschunk-0458956    35.91 KiB        4.77 KiB
  e.b89f6dc4.css
  ..mainwebappfrontcsschunk-f071d79    34.40 KiB        3.97 KiB
  6.2c89e47e.css
  ..mainwebappfrontcsschunk-457c806    34.21 KiB        3.41 KiB
  c.1b5b3a23.css
  ..mainwebappfrontcsschunk-3e84df6    32.11 KiB        3.67 KiB
  6.6a47dd46.css
  ..mainwebappfrontcsschunk-2121e53    31.93 KiB        3.58 KiB
  a.6e28009d.css
  ..mainwebappfrontcsschunk-87ca4f9    31.71 KiB        3.53 KiB
  0.c555b896.css
  ..mainwebappfrontcsschunk-2d59b9e    31.14 KiB        4.07 KiB
  4.f585c78e.css
  ..mainwebappfrontcsschunk-9619214    31.14 KiB        4.08 KiB
  4.f585c78e.css
  ..mainwebappfrontcsschunk-d9379db    31.14 KiB        4.08 KiB
  e.f585c78e.css
  ..mainwebappfrontcsschunk-173e1a6    30.96 KiB        4.02 KiB
  d.4f43c054.css
  ..mainwebappfrontcsschunk-1cad874    29.35 KiB        3.72 KiB
  c.cea7988d.css
  ..mainwebappfrontcsschunk-3047f33    29.35 KiB        3.72 KiB
  2.cea7988d.css
  ..mainwebappfrontcsschunk-3d599ff    29.35 KiB        3.72 KiB
  a.cea7988d.css
  ..mainwebappfrontcsschunk-47eabb1    29.35 KiB        3.75 KiB
  0.cf42c491.css
  ..mainwebappfrontcsschunk-4bba334    29.35 KiB        3.72 KiB
  7.cf42c491.css
  ..mainwebappfrontcsschunk-4ce8cea    29.35 KiB        3.72 KiB
  8.cea7988d.css
  ..mainwebappfrontcsschunk-6aef7fc    29.35 KiB        3.72 KiB
  4.cea7988d.css
  ..mainwebappfrontcsschunk-a00ed7a    29.35 KiB        3.72 KiB
  c.cea7988d.css
  ..mainwebappfrontcsschunk-b4ff852    28.82 KiB        3.07 KiB
  4.ae047ed7.css
  ..mainwebappfrontcsschunk-21dd51b    28.44 KiB        2.87 KiB
  3.e5ec3ebc.css
  ..mainwebappfrontcsschunk-248de61    27.72 KiB        2.97 KiB
  c.3100067d.css
  ..mainwebappfrontcsschunk-5b139ba    27.38 KiB        4.15 KiB
  6.7863b17b.css
  ..mainwebappfrontcsschunk-364a06a    27.11 KiB        3.74 KiB
  6.50c0bb09.css
  ..mainwebappfrontcsschunk-7579504    26.96 KiB        3.79 KiB
  e.b8529204.css
  ..mainwebappfrontcsschunk-7f8c6b7    25.67 KiB        3.28 KiB
  b.c5984820.css
  ..mainwebappfrontcsschunk-57a2731    25.27 KiB        2.63 KiB
  2.48842b93.css
  ..mainwebappfrontcsschunk-2073bda    24.55 KiB        2.88 KiB
  1.8c0e7cbd.css
  ..mainwebappfrontcsschunk-1d1e037    24.23 KiB        2.27 KiB
  0.d9dab493.css
  ..mainwebappfrontcsschunk-2f217a1    23.79 KiB        2.87 KiB
  3.ca13f186.css
  ..mainwebappfrontcsschunk-756e912    22.63 KiB        3.47 KiB
  5.285ba8d6.css
  ..mainwebappfrontcsschunk-f06c5ee    21.73 KiB        2.38 KiB
  4.e44ea546.css
  ..mainwebappfrontcsschunk-6ade2f5    18.64 KiB        1.83 KiB
  e.e5eea53e.css
  ..mainwebappfrontcsschunk-5e04a9e    18.55 KiB        1.78 KiB
  6.d7bb3251.css
  ..mainwebappfrontcsschunk-0ba4fe0    18.45 KiB        1.72 KiB
  6.274ce8ff.css
  ..mainwebappfrontcsschunk-345c476    18.45 KiB        1.72 KiB
  b.274ce8ff.css
  ..mainwebappfrontcsschunk-3c8dbf2    18.45 KiB        1.72 KiB
  d.274ce8ff.css
  ..mainwebappfrontcsschunk-543bbaf    18.45 KiB        1.72 KiB
  b.274ce8ff.css
  ..mainwebappfrontcsschunk-e320674    16.16 KiB        2.50 KiB
  c.2c43f411.css
  ..mainwebappfrontcsschunk-2f77b2d    13.94 KiB        2.41 KiB
  e.cfadb377.css
  ..mainwebappfrontcsschunk-3c97140    13.58 KiB        2.06 KiB
  c.0c52309d.css
  ..mainwebappfrontcsschunk-75365cc    12.80 KiB        2.11 KiB
  e.42df2c9c.css
  ..mainwebappfrontcsschunk-0c28a94    12.72 KiB        2.26 KiB
  5.e10c8d41.css
  ..mainwebappfrontcsschunk-1dfee07    12.60 KiB        2.21 KiB
  5.6dd0d52e.css
  ..mainwebappfrontcsschunk-92a14dc    9.98 KiB         1.31 KiB
  8.0670aa22.css
  ..mainwebappfrontcsschunk-9d4c75d    9.98 KiB         1.31 KiB
  a.0670aa22.css
  ..mainwebappfrontcsschunk-beeea3c    9.98 KiB         1.31 KiB
  2.0670aa22.css
  ..mainwebappfrontcsschunk-25c3bf8    9.23 KiB         1.85 KiB
  0.02ffa122.css
  ..mainwebappfrontcsschunk-1738a24    6.45 KiB         1.43 KiB
  c.09e39096.css
  ..mainwebappfrontcsschunk-7db889d    4.74 KiB         1.15 KiB
  2.73b784d7.css
  ..mainwebappfrontcsschunk-d458817    3.27 KiB         0.72 KiB
  a.ea429b05.css
  ..mainwebappfrontcsschunk-d4d3452    3.27 KiB         0.72 KiB
  e.ea429b05.css
  ..mainwebappfrontcsschunk-d50d92f    3.27 KiB         0.72 KiB
  4.ea429b05.css
  ..mainwebappfrontcsschunk-d562e6d    3.27 KiB         0.72 KiB
  0.ea429b05.css
  ..mainwebappfrontcsschunk-e9e53f6    1.89 KiB         0.53 KiB
  2.3715e4a6.css
  ..mainwebappfrontcsschunk-346c750    0.38 KiB         0.24 KiB
  4.681916a8.css
  ..mainwebappfrontcsschunk-5543874    0.38 KiB         0.24 KiB
  6.681916a8.css
  ..mainwebappfrontcsschunk-32f7b21    0.38 KiB         0.25 KiB
  0.0eca57ef.css

  Images and other types of assets omitted.

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

빌드는 정상적으로 끝났다. 그렇지만 워닝 내용 중에 눈의 띄는 부분이 있다. 번들파일이 984 Kib 정도 된다.

244Kib를 넘어도 문제가 없는것일까? 배포 후 UI를 확인하였는데, CSS가 제대로 먹히지 않는 페이지들이 보였다.

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (984 KiB)
      css/chunk-vendors.f57f6aef.css
      js/chunk-vendors.1ae95b4a.js
      js/app.c4f19e16.js
      
      ........
      
Images and other types of assets omitted.

 

[Warning 해결방법]

1. 네 버전 3.x 이상의 뷰 CLI로 생성한 프로젝트는 vue.config.js에 웹팩 설정을 해주시면 된다

2. 번들 파일 용량이 큰 경우에는 코드 스플리팅 방식이나 불필요한 라이브러리 제거 및 경량화된 라이브러리를 사용하면 된다.

 

웹팩으로 Vue.js 번들 크기를 줄이는 방법

 

 

[REFERENCE}

https://www.inflearn.com/questions/206139

 

 

 

 

 

 

Leave a Reply

error: Content is protected !!