add: visualizer ci

.github/workflows/pr-visualizer.yml

@@ -0,0 +1,23 @@
+name: pr-visualizer
+
+on:
+  pull_request:
+
+permissions:
+  pull-requests: write
+
+jobs:
+  visualizer:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        id: build
+        run: |
+          npm install
+          npm run build
+
+      - uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist/stats.html

package.json

@@ -27,6 +27,7 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "^5.2.2",
     "vite": "^5.3.4"
   }

vite.config.ts

@@ -1,7 +1,8 @@
+import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), visualizer({filename: 'dist/stats.html'}),],
 })