mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
d7b6987b48
* refactor(console, experience): optimize bundling * fix: use correct favicon paths * chore: use dynamic react dependency checking in bundling
49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import react from '@vitejs/plugin-react';
|
|
import browserslistToEsbuild from 'browserslist-to-esbuild';
|
|
import { defineConfig, mergeConfig, type UserConfig } from 'vite';
|
|
import viteCompression from 'vite-plugin-compression';
|
|
import svgr from 'vite-plugin-svgr';
|
|
|
|
import { defaultConfig, manualChunks } from '../../vite.shared.config';
|
|
|
|
const buildConfig = (mode: string): UserConfig => ({
|
|
server: {
|
|
port: 5001,
|
|
hmr: {
|
|
port: 6001,
|
|
},
|
|
},
|
|
css: {
|
|
modules: {
|
|
generateScopedName:
|
|
// Keep backward compatibility with the old CSS modules naming in production
|
|
mode === 'development' ? '__[hash:base64:5]__[local]' : '[hash:base64:5]_[local]',
|
|
},
|
|
},
|
|
plugins: [react(), svgr(), viteCompression({ disable: mode === 'development' })],
|
|
build: {
|
|
// Use the same browserslist configuration as in README.md.
|
|
// Consider using the esbuild target directly in the future.
|
|
target: browserslistToEsbuild('> 0.5%, last 2 versions, Firefox ESR, not dead'),
|
|
rollupOptions: {
|
|
output: {
|
|
// Tip: You can use `pnpx vite-bundle-visualizer` to analyze the bundle size
|
|
manualChunks: (id, meta) => {
|
|
if (/\/node_modules\/i18next[^/]*\//.test(id)) {
|
|
return 'i18next';
|
|
}
|
|
|
|
for (const largePackage of ['libphonenumber-js', 'core-js']) {
|
|
if (id.includes(`/node_modules/${largePackage}/`)) {
|
|
return largePackage;
|
|
}
|
|
}
|
|
|
|
return manualChunks(id, meta);
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default defineConfig(({ mode }) => mergeConfig(defaultConfig, buildConfig(mode)));
|