refactor: produce br outputs (logto-io#6376)

* refactor: produce br outputs * refactor: fix favicon url
ogcio · Aug 6, 2024 · a6002d5 · a6002d5
1 parent 241cea1
commit a6002d5
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 6 deletions.
diff --git a/packages/console/vite.config.ts b/packages/console/vite.config.ts
@@ -41,6 +41,7 @@ const buildConfig = (mode: string): UserConfig => ({
     react(),
     svgr(),
     viteCompression({ disable: mode === 'development' }),
+    viteCompression({ disable: mode === 'development', algorithm: 'brotliCompress' }),
   ],
   define: {
     'import.meta.env.IS_CLOUD': JSON.stringify(process.env.IS_CLOUD),

diff --git a/packages/demo-app/index.html b/packages/demo-app/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <link rel="apple-touch-icon" sizes="180x180" href="./src/apple-touch-icon.png">
-    <link rel="icon" href="./src/ffavicon.ico" />
+    <link rel="icon" href="./src/favicon.ico" />
     <title>Logto Live Preview</title>
 </head>
 

diff --git a/packages/demo-app/package.json b/packages/demo-app/package.json
@@ -31,6 +31,7 @@
     "@silverhand/ts-config-react": "6.0.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^8.56.0",
     "i18next": "^22.4.15",
     "i18next-browser-languagedetector": "^8.0.0",
@@ -43,6 +44,7 @@
     "stylelint": "^15.0.0",
     "typescript": "^5.5.3",
     "vite": "^5.3.4",
+    "vite-plugin-compression": "^0.5.1",
     "zod": "^3.23.8"
   },
   "engines": {

diff --git a/packages/demo-app/vite.config.ts b/packages/demo-app/vite.config.ts
@@ -1,15 +1,22 @@
-import { mergeConfig, type UserConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { mergeConfig, defineConfig, type UserConfig } from 'vite';
+import viteCompression from 'vite-plugin-compression';
 
 import { defaultConfig } from '../../vite.shared.config';
 
-const config: UserConfig = {
+const buildConfig = (mode: string): UserConfig => ({
   base: '/demo-app',
   server: {
     port: 5003,
     hmr: {
       port: 6003,
     },
   },
-};
+  plugins: [
+    react(),
+    viteCompression({ disable: mode === 'development' }),
+    viteCompression({ disable: mode === 'development', algorithm: 'brotliCompress' }),
+  ],
+});
 
-export default mergeConfig(defaultConfig, config);
+export default defineConfig(({ mode }) => mergeConfig(defaultConfig, buildConfig(mode)));
diff --git a/packages/experience/vite.config.ts b/packages/experience/vite.config.ts
@@ -20,7 +20,12 @@ const buildConfig = (mode: string): UserConfig => ({
         mode === 'development' ? '__[hash:base64:5]__[local]' : '[hash:base64:5]_[local]',
     },
   },
-  plugins: [react(), svgr(), viteCompression({ disable: mode === 'development' })],
+  plugins: [
+    react(),
+    svgr(),
+    viteCompression({ disable: mode === 'development' }),
+    viteCompression({ disable: mode === 'development', algorithm: 'brotliCompress' }),
+  ],
   build: {
     // Use the same browserslist configuration as in README.md.
     // Consider using the esbuild target directly in the future.

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml