examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Markdown
All checks were successful
CI / cache-and-install (push) Successful in 55s
Details

Browse Source
This commit is contained in:
严浩
2024-08-11 19:08:10 +08:00
parent 58ffe32a02
commit 1b951af395
3 changed files with 205 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
vite.config.ts
View File

@ -1,25 +1,27 @@
import { VantResolver } from "@vant/auto-import-resolver"
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { fileURLToPath, URL } from 'node:url'
import UnoCSS from 'unocss/vite'
import AutoImport from 'unplugin-auto-import/vite'
import { TDesignResolver } from "unplugin-vue-components/resolvers"
import Components from 'unplugin-vue-components/vite'
import { getPascalCaseRouteName, VueRouterAutoImports } from "unplugin-vue-router"
import VueRouter from 'unplugin-vue-router/vite'
import { defineConfig, loadEnv } from 'vite'
import vueDevTools from 'vite-plugin-vue-devtools'
import { VantResolver } from '@vant/auto-import-resolver';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import { fileURLToPath, URL } from 'node:url';
import UnoCSS from 'unocss/vite';
import AutoImport from 'unplugin-auto-import/vite';
import { TDesignResolver } from 'unplugin-vue-components/resolvers';
import Components from 'unplugin-vue-components/vite';
import { getPascalCaseRouteName, VueRouterAutoImports } from 'unplugin-vue-router';
import VueRouter from 'unplugin-vue-router/vite';
import { defineConfig, loadEnv } from 'vite';
import vueDevTools from 'vite-plugin-vue-devtools';
import Markdown from 'unplugin-vue-markdown/vite';
// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
const isBuild = command === "build";
const isBuild = command === 'build';
const env = loadEnv(mode, process.cwd());
return {
base: env.VITE_BASE,
plugins: [
VueRouter({
exclude: ["**/__*", "**/__*/**/*"],
exclude: ['**/__*', '**/__*/**/*'],
getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
logs: false,
}),
@ -28,32 +30,29 @@ export default defineConfig(({ mode, command }) => {
resolvers: [
TDesignResolver({
library: 'mobile-vue',
esm: true
esm: true,
}),
VantResolver({
importStyle: true
importStyle: true,
}),
],
imports: [
'pinia',
'vue',
VueRouterAutoImports,
],
imports: ['pinia', 'vue', VueRouterAutoImports],
}),
Components({
resolvers: [
TDesignResolver({
library: 'mobile-vue',
esm: true
esm: true,
}),
VantResolver({
importStyle: true
importStyle: true,
}),
],
}),
UnoCSS(),
vue(),
vueJsx(),
Markdown({}),
vueDevTools(),
],
define: {
@ -61,17 +60,17 @@ export default defineConfig(({ mode, command }) => {
},
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
build: {
sourcemap: mode !== "production",
sourcemap: mode !== 'production',
rollupOptions: {
output: {
// chunkFileNames: 'assets/chunk/[name]_[hash].js',
// entryFileNames: 'assets/entry/[name]_[hash].js',
// assetFileNames: 'assets/[ext]/[name]_[hash].[ext]',
manualChunks: (id/* , { getModuleIds, getModuleInfo } */) => {
manualChunks: (id /* , { getModuleIds, getModuleInfo } */) => {
if (id.includes('node_modules') && env.VITE_SPLIT_CHUNKS === 'true') {
let pkgName = id;
pkgName = pkgName.split('.pnpm/')?.[1] || pkgName;
@ -80,16 +79,13 @@ export default defineConfig(({ mode, command }) => {
? pkgName.split('/')[0] + '/' + pkgName.split('/')[1]
: pkgName.split('/')[0];
if (
pkgName.startsWith('@vue/') ||
pkgName === 'vue-demi'
) pkgName = 'vue'
if (pkgName.startsWith('@vue/') || pkgName === 'vue-demi') pkgName = 'vue';
return `libs/${pkgName}`;
}
},
}
}
},
},
},
}
})
};
});