chore: add code-inspector-plugin integration

web/package.json

@@ -78,15 +78,16 @@
     "@so1ve/prettier-config": "^3.1.0",
     "@so1ve/prettier-config": "^3.1.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.21",
     "autoprefixer": "^10.4.21",
+    "code-inspector-plugin": "^1.3.3",
     "eslint": "8.57.0",
     "eslint": "8.57.0",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "i18next-cli": "^1.10.3",
     "postcss": "^8.5.3",
     "postcss": "^8.5.3",
     "prettier": "^3.0.0",
     "prettier": "^3.0.0",
     "tailwindcss": "^3",
     "tailwindcss": "^3",
     "typescript": "4.4.2",
     "typescript": "4.4.2",
-    "vite": "^5.2.0",
-    "i18next-cli": "^1.10.3"
+    "vite": "^5.2.0"
   },
   },
   "prettier": {
   "prettier": {
     "singleQuote": true,
     "singleQuote": true,

web/vite.config.js

@@ -21,6 +21,7 @@ import react from '@vitejs/plugin-react';
 import { defineConfig, transformWithEsbuild } from 'vite';
 import { defineConfig, transformWithEsbuild } from 'vite';
 import pkg from '@douyinfe/vite-plugin-semi';
 import pkg from '@douyinfe/vite-plugin-semi';
 import path from 'path';
 import path from 'path';
+import { codeInspectorPlugin } from 'code-inspector-plugin';
 const { vitePluginSemi } = pkg;
 const { vitePluginSemi } = pkg;
 
 
 // https://vitejs.dev/config/
 // https://vitejs.dev/config/
@@ -31,6 +32,9 @@ export default defineConfig({
     },
     },
   },
   },
   plugins: [
   plugins: [
+    codeInspectorPlugin({
+      bundler: 'vite',
+    }),
     {
     {
       name: 'treat-js-files-as-jsx',
       name: 'treat-js-files-as-jsx',
       async transform(code, id) {
       async transform(code, id) {