반응형
IntelliJ, windows 환경에서 vue를 빌드할려고 "npm run build" 명령어를 실행시켰다. 그리고 다음과 같이 문제가 발생하였고 그리고 해결은 다음과 같이 하였습니다.
<문제>
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)
},
반응형