102 lines
3.7 KiB
TypeScript
102 lines
3.7 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url';
|
||
import { createViteProxy } from 'utils4u/vite';
|
||
import { defineConfig, loadEnv } from 'vite';
|
||
import { optimizeDeps } from './vite.config.optimizeDeps';
|
||
import { Plugins } from './vite.config.plugins';
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig(({ command, mode }) => {
|
||
const isBuild = command === 'build';
|
||
const env = loadEnv(mode, process.cwd());
|
||
|
||
return {
|
||
base: env.VITE_APP_BASE,
|
||
build: {
|
||
sourcemap: env.VITE_APP_BUILD_SOURCE_MAP === 'true',
|
||
rollupOptions: {
|
||
/* onwarn: (warning, warn) => {
|
||
if (warning.code === 'EMPTY_BUNDLE') return;
|
||
if (warning.code === 'EVAL' && warning.id?.includes('node_modules/eruda')) return;
|
||
if (warning.code === 'EVAL' && warning.id?.includes('node_modules/mockjs')) return;
|
||
if (warning.code === 'EVAL' && warning.id?.includes('node_modules/protobufjs')) return;
|
||
warn(warning);
|
||
}, */
|
||
|
||
output: {
|
||
// Keep hashed file names predictable across entry, chunk, and asset outputs.
|
||
entryFileNames: 'assets/[name].[hash].js',
|
||
chunkFileNames: 'assets/[name].[hash].js',
|
||
// https://cn.rollupjs.org/configuration-options/#output-assetfilenames
|
||
assetFileNames: (assetInfo) => {
|
||
if (assetInfo.names.length > 1) {
|
||
console.warn('Multiple names for asset:', assetInfo);
|
||
}
|
||
const assetName =
|
||
assetInfo.names.find(Boolean) ?? assetInfo.originalFileNames.find(Boolean) ?? '';
|
||
const ext = assetName.split('.').pop()?.toLowerCase();
|
||
if (ext && /png|jpe?g|gif|svg|webp|avif/.test(ext)) {
|
||
return 'assets/images/[name].[hash][extname]';
|
||
}
|
||
if (ext && /woff2?|ttf|otf/.test(ext)) {
|
||
return 'assets/fonts/[name].[hash][extname]';
|
||
}
|
||
if (ext === 'css') {
|
||
return 'assets/css/[name].[hash][extname]';
|
||
}
|
||
return 'assets/[name].[hash][extname]';
|
||
},
|
||
// // Split key dependency groups to improve long-term caching.
|
||
// manualChunks: (id) => {
|
||
// if (!id.includes('node_modules')) return;
|
||
// if (
|
||
// id.includes('node_modules/vue') ||
|
||
// id.includes('node_modules/@vue/') ||
|
||
// id.includes('node_modules/vue-router')
|
||
// ) {
|
||
// return 'vue-vendor';
|
||
// }
|
||
// if (id.includes('pinia') || id.includes('vue-i18n')) {
|
||
// return 'state-i18n';
|
||
// }
|
||
// if (id.includes('naive-ui')) {
|
||
// return 'naive-ui';
|
||
// }
|
||
// if (id.includes('primevue')) {
|
||
// return 'primevue';
|
||
// }
|
||
// if (id.includes('@vueuse')) {
|
||
// return 'vueuse';
|
||
// }
|
||
// return 'vendor';
|
||
// },
|
||
},
|
||
},
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
scss: {
|
||
// 使用 Sass 的现代编译器 API，提供更好的性能和新功能支持
|
||
api: 'modern-compiler',
|
||
additionalData: `@use "@/styles/scss/global.scss" as *;`,
|
||
},
|
||
},
|
||
},
|
||
plugins: Plugins({ mode }),
|
||
resolve: {
|
||
alias: {
|
||
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
||
},
|
||
},
|
||
define: {
|
||
__DEV__: JSON.stringify(!isBuild),
|
||
// https://github.com/fi3ework/vite-plugin-checker/issues/569#issuecomment-3254311799
|
||
'process.env.NODE_ENV': JSON.stringify('production'),
|
||
},
|
||
server: {
|
||
allowedHosts: ['.NWCT.DEV'],
|
||
proxy: createViteProxy(),
|
||
},
|
||
optimizeDeps: optimizeDeps(),
|
||
};
|
||
});
|