Migrate from webpack to Vite 8

Replace webpack with Vite 8 (Rolldown) as the frontend bundler.

Key changes:
- Replace webpack.config.ts with vite.config.ts using Rolldown
- Use native ES modules with import maps for cache busting
- Build web components as a separate blocking IIFE bundle to prevent
  flash of unstyled content (same behavior as webpack's blocking script)
- Update all dynamic imports from webpack chunk comments to standard
  dynamic import() syntax
- Replace process.env.TEST with import.meta.env.MODE
- Add vite/client types to tsconfig.json
- Update Monaco error suppression regex for new chunk names
- Rename WEBPACK_* Makefile variables to FRONTEND_*

Co-Authored-By: Claude (Opus 4.6) <noreply@anthropic.com>

Author: silverwind

Makefile

@@ -120,10 +120,10 @@ LINUX_ARCHS ?= linux/amd64,linux/386,linux/arm-5,linux/arm-6,linux/arm64,linux/r
 GO_TEST_PACKAGES ?= $(filter-out $(shell $(GO) list code.gitea.io/gitea/models/migrations/...) code.gitea.io/gitea/tests/integration/migration-test code.gitea.io/gitea/tests code.gitea.io/gitea/tests/integration,$(shell $(GO) list ./... | grep -v /vendor/))
 MIGRATE_TEST_PACKAGES ?= $(shell $(GO) list code.gitea.io/gitea/models/migrations/...)
 
-WEBPACK_SOURCES := $(shell find web_src/js web_src/css -type f)
-WEBPACK_CONFIGS := webpack.config.ts tailwind.config.ts
-WEBPACK_DEST := public/assets/js/index.js public/assets/css/index.css
-WEBPACK_DEST_ENTRIES := public/assets/js public/assets/css public/assets/fonts
+FRONTEND_SOURCES := $(shell find web_src/js web_src/css -type f)
+FRONTEND_CONFIGS := vite.config.ts tailwind.config.ts
+FRONTEND_DEST := public/assets/js/index.js public/assets/js/webcomponents.js public/assets/css/index.css
+FRONTEND_DEST_ENTRIES := public/assets/js public/assets/css public/assets/fonts
 
 BINDATA_DEST_WILDCARD := modules/migration/bindata.* modules/public/bindata.* modules/options/bindata.* modules/templates/bindata.*
 
@@ -199,7 +199,7 @@ git-check:
 
 .PHONY: clean-all
 clean-all: clean ## delete backend, frontend and integration files
-	rm -rf $(WEBPACK_DEST_ENTRIES) node_modules
+	rm -rf $(FRONTEND_DEST_ENTRIES) node_modules
 
 .PHONY: clean
 clean: ## delete backend and integration files
@@ -381,8 +381,8 @@ watch: ## watch everything and continuously rebuild
 
 .PHONY: watch-frontend
 watch-frontend: node_modules ## watch frontend files and continuously rebuild
-	@rm -rf $(WEBPACK_DEST_ENTRIES)
-	NODE_ENV=development $(NODE_VARS) pnpm exec webpack --watch --progress --disable-interpret
+	@rm -rf $(FRONTEND_DEST_ENTRIES)
+	NODE_ENV=development $(NODE_VARS) pnpm exec vite build --watch
 
 .PHONY: watch-backend
 watch-backend: ## watch backend files and continuously rebuild
@@ -645,7 +645,7 @@ install: $(wildcard *.go)
 build: frontend backend ## build everything
 
 .PHONY: frontend
-frontend: $(WEBPACK_DEST) ## build frontend files
+frontend: $(FRONTEND_DEST) ## build frontend files
 
 .PHONY: backend
 backend: generate-backend $(EXECUTABLE) ## build backend files
@@ -776,15 +776,15 @@ update-py: node_modules ## update py dependencies
 	uv sync
 	@touch .venv
 
-.PHONY: webpack
-webpack: $(WEBPACK_DEST) ## build webpack files
+.PHONY: vite
+vite: $(FRONTEND_DEST) ## build vite files
 
-$(WEBPACK_DEST): $(WEBPACK_SOURCES) $(WEBPACK_CONFIGS) pnpm-lock.yaml
+$(FRONTEND_DEST): $(FRONTEND_SOURCES) $(FRONTEND_CONFIGS) pnpm-lock.yaml
 	@$(MAKE) -s node_modules
-	@rm -rf $(WEBPACK_DEST_ENTRIES)
-	@echo "Running webpack..."
-	@BROWSERSLIST_IGNORE_OLD_DATA=true $(NODE_VARS) pnpm exec webpack --disable-interpret
-	@touch $(WEBPACK_DEST)
+	@rm -rf $(FRONTEND_DEST_ENTRIES)
+	@echo "Running vite build..."
+	@$(NODE_VARS) pnpm exec vite build
+	@touch $(FRONTEND_DEST)
 
 .PHONY: svg
 svg: node_modules ## build svg files

eslint.config.ts

@@ -372,7 +372,7 @@ export default defineConfig([
       'import-x/no-unresolved': [2, {commonjs: true, ignore: ['\\?.+$']}],
       'import-x/no-unused-modules': [0], // incompatible with eslint 9
       'import-x/no-useless-path-segments': [2, {commonjs: true}],
-      'import-x/no-webpack-loader-syntax': [2],
+      'import-x/no-webpack-loader-syntax': [0],
       'import-x/order': [0],
       'import-x/prefer-default-export': [0],
       'import-x/unambiguous': [0],
@@ -1007,6 +1007,6 @@ export default defineConfig([
   },
   {
     files: ['web_src/**/*'],
-    languageOptions: {globals: {...globals.browser, ...globals.webpack}},
+    languageOptions: {globals: globals.browser},
   },
 ]);

modules/markup/render.go

@@ -240,7 +240,7 @@ func RenderWithRenderer(ctx *RenderContext, renderer Renderer, input io.Reader,
 		extraStyleHref := setting.AppSubURL + "/assets/css/external-render-iframe.css"
 		extraScriptSrc := setting.AppSubURL + "/assets/js/external-render-iframe.js"
 		// "<script>" must go before "<link>", to make Golang's http.DetectContentType() can still recognize the content as "text/html"
-		extraHeadHTML = htmlutil.HTMLFormat(`<script src="%s"></script><link rel="stylesheet" href="%s">`, extraScriptSrc, extraStyleHref)
+		extraHeadHTML = htmlutil.HTMLFormat(`<script type="module" src="%s"></script><link rel="stylesheet" href="%s">`, extraScriptSrc, extraStyleHref)
 	}
 
 	ctx.usedByRender = true

package.json

@@ -18,8 +18,7 @@
     "@primer/octicons": "19.22.0",
     "@resvg/resvg-wasm": "2.6.2",
     "@silverwind/vue3-calendar-heatmap": "2.1.1",
-    "@techknowlogick/license-checker-webpack-plugin": "0.3.0",
-    "add-asset-webpack-plugin": "3.1.1",
+    "@vitejs/plugin-vue": "6.0.5",
     "ansi_up": "6.0.6",
     "asciinema-player": "3.15.1",
     "chart.js": "4.5.1",
@@ -29,25 +28,21 @@
     "colord": "2.9.3",
     "compare-versions": "6.1.1",
     "cropperjs": "1.6.2",
-    "css-loader": "7.1.4",
     "dayjs": "1.11.19",
     "dropzone": "6.0.0-beta.2",
     "easymde": "2.20.0",
-    "esbuild-loader": "4.4.2",
     "htmx.org": "2.0.8",
     "idiomorph": "0.7.4",
     "jquery": "4.0.0",
     "js-yaml": "4.1.1",
     "katex": "0.16.37",
     "mermaid": "11.12.3",
-    "mini-css-extract-plugin": "2.10.0",
     "monaco-editor": "0.55.1",
-    "monaco-editor-webpack-plugin": "7.1.1",
     "online-3d-viewer": "0.18.0",
     "pdfobject": "2.3.1",
     "perfect-debounce": "2.1.0",
     "postcss": "8.5.8",
-    "postcss-loader": "8.2.1",
+    "rollup-plugin-license": "3.7.0",
     "sortablejs": "1.15.7",
     "swagger-ui-dist": "5.32.0",
     "tailwindcss": "3.4.17",
@@ -57,12 +52,11 @@
     "tributejs": "5.1.3",
     "uint8-to-base64": "0.2.1",
     "vanilla-colorful": "0.7.2",
+    "vite": "8.0.0",
+    "vite-string-plugin": "2.0.2",
     "vue": "3.5.29",
     "vue-bar-graph": "2.2.0",
     "vue-chartjs": "5.3.3",
-    "vue-loader": "17.4.2",
-    "webpack": "5.105.4",
-    "webpack-cli": "6.0.1",
     "wrap-ansi": "10.0.0"
   },
   "devDependencies": {
@@ -83,7 +77,6 @@
     "@types/throttle-debounce": "5.0.2",
     "@types/toastify-js": "1.12.4",
     "@typescript-eslint/parser": "8.56.1",
-    "@vitejs/plugin-vue": "6.0.4",
     "@vitest/eslint-plugin": "1.6.9",
     "eslint": "9.39.2",
     "eslint-import-resolver-typescript": "4.4.4",
@@ -114,8 +107,7 @@
     "typescript": "5.9.3",
     "typescript-eslint": "8.56.1",
     "updates": "17.8.3",
-    "vite-string-plugin": "2.0.1",
-    "vitest": "4.0.18",
+    "vitest": "4.1.0",
     "vue-tsc": "3.2.5"
   },
   "pnpm": {