chore: Update npm dependencies and add rollup and pinyin-pro packages
All checks were successful
CI / cache-and-install (push) Successful in 1m19s

This commit is contained in:
严浩
2024-08-21 14:33:12 +08:00
parent adfa5f525a
commit 6b0bcb2caf
3 changed files with 159 additions and 127 deletions

View File

@ -1,7 +1,11 @@
import { unheadVueComposablesImports } from '@unhead/vue';
import { VantResolver } from '@vant/auto-import-resolver';
import Vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import path from 'node:path';
import { fileURLToPath, URL } from 'node:url';
import { pinyin } from 'pinyin-pro';
import type { GetManualChunk } from 'rollup';
import UnoCSS from 'unocss/vite';
import AutoImport from 'unplugin-auto-import/vite';
import { TDesignResolver } from 'unplugin-vue-components/resolvers';
@ -12,7 +16,6 @@ import VueRouter from 'unplugin-vue-router/vite';
import { defineConfig, loadEnv } from 'vite';
import cdnImport from 'vite-plugin-cdn-import';
import vueDevTools from 'vite-plugin-vue-devtools';
import { unheadVueComposablesImports } from '@unhead/vue';
// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
@ -88,23 +91,39 @@ export default defineConfig(({ mode, command }) => {
// chunkFileNames: 'assets/chunk/[name]_[hash].js',
// entryFileNames: 'assets/entry/[name]_[hash].js',
// assetFileNames: 'assets/[ext]/[name]_[hash].[ext]',
manualChunks: (id /* , { getModuleIds, getModuleInfo } */) => {
if (id.includes('node_modules') && env.VITE_SPLIT_CHUNKS === 'true') {
let pkgName = id;
pkgName = pkgName.split('.pnpm/')?.[1] || pkgName;
pkgName = pkgName.split('node_modules/')?.[1] || pkgName;
pkgName = pkgName.startsWith('@')
? pkgName.split('/')[0] + '/' + pkgName.split('/')[1]
: pkgName.split('/')[0];
if (pkgName.startsWith('@vue/') /* || pkgName === 'vue-demi' */) pkgName = 'vue';
/* if (pkgName.includes('vue-router')) pkgName = 'vue-router'; */
return `libs/${pkgName}`;
}
},
manualChunks: env.VITE_SPLIT_CHUNKS ? createSplitChunk() : undefined,
},
},
},
};
});
// packages/vite/src/node/plugins/splitVendorChunk.ts
function createSplitChunk(): GetManualChunk {
return (id /* , { getModuleIds, getModuleInfo } */) => {
if (isInNodeModules(id) /* && !isCSSRequest(id) */) {
let pkgName = id;
pkgName = pkgName.split('.pnpm/')?.[1] || pkgName;
pkgName = pkgName.split('node_modules/')?.[1] || pkgName;
pkgName = pkgName.startsWith('@') ? pkgName.split('/')[0] + '/' + pkgName.split('/')[1] : pkgName.split('/')[0];
if (pkgName.startsWith('@vue/') /* || pkgName === 'vue-demi' */) pkgName = 'vue';
/* if (pkgName.includes('vue-router')) pkgName = 'vue-router'; */
return `libs/${pkgName}`;
} else if (id.includes('src/pages')) {
let fileName = path
.basename(id)
.split('?')[0]
.replace(/\.\w+$/, '');
fileName = pinyin(fileName, { type: 'array' }).join('');
return `pages/${fileName}`;
}
};
}
function isInNodeModules(id: string): boolean {
return id.includes('node_modules');
}
/* const CSS_LANGS_RE = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
const isCSSRequest = (request: string): boolean => CSS_LANGS_RE.test(request); */