diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
index a0d7f9aaec..8bd9c5d3e1 100644
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@@ -28,17 +28,11 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024xx](CHANGE
 기반 Misskey 버전: 2024.x.x<br>
 Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2024xx](CHANGELOG.md#2024xx) 문서를 참고하십시오.
 
-## NOTE
-- 
-
-### General
-- 
-
 ### Client
 - Fix: 노트를 내보낼 때 노트의 편집 기록을 포함
 
 ### Server
-- 
+- Enhance: 디버깅을 보다 편하게 할 수 있도록 vite 생성 파일의 이름 개선
 
 ---
 
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index dbb2ce27e9..716f0fb7dd 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -138,9 +138,9 @@ export function getConfig(): UserConfig {
 						vue: ['vue'],
 						photoswipe: ['photoswipe', 'photoswipe/lightbox', 'photoswipe/style.css'],
 					},
-					entryFileNames: `${meta.version}.[hash].js`,
-					chunkFileNames: `${meta.version}.[hash].js`,
-					assetFileNames: `${meta.version}.[hash][extname]`,
+					entryFileNames: process.env.NODE_ENV === 'production' ? `${meta.version}.[hash:8].js` : `${meta.version}.[name]-[hash:8].js`,
+					chunkFileNames: process.env.NODE_ENV === 'production' ? `${meta.version}.[hash:8].js` : `${meta.version}.[name]-[hash:8].js`,
+					assetFileNames: process.env.NODE_ENV === 'production' ? `${meta.version}.[hash:8][extname]` : `${meta.version}.[name]-[hash:8][extname]`,
 					paths(id) {
 						for (const p of externalPackages) {
 							if (p.match.test(id)) {