feat: enhance project configuration and add new features
This commit is contained in:
严浩
230
vite.config.plugins.ts
Normal file
230
vite.config.plugins.ts
Normal file
@@ -0,0 +1,230 @@
|
||||
import { cloudflare } from '@cloudflare/vite-plugin'
|
||||
import VueI18n from '@intlify/unplugin-vue-i18n/vite'
|
||||
import { PrimeVueResolver } from '@primevue/auto-import-resolver'
|
||||
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 UnoCSS from 'unocss/vite'
|
||||
import AutoImport from 'unplugin-auto-import/vite'
|
||||
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
|
||||
import IconsResolver from 'unplugin-icons/resolver'
|
||||
import Icons from 'unplugin-icons/vite'
|
||||
import {
|
||||
AntDesignVueResolver,
|
||||
NaiveUiResolver,
|
||||
TDesignResolver,
|
||||
} from 'unplugin-vue-components/resolvers'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import Markdown from 'unplugin-vue-markdown/vite'
|
||||
import { getPascalCaseRouteName, VueRouterAutoImports } from 'unplugin-vue-router'
|
||||
import vueRouter from 'unplugin-vue-router/vite'
|
||||
import { createUtils4uAutoImports } from 'utils4u/auto-imports'
|
||||
import { type PluginOption } from 'vite'
|
||||
import { checker } from 'vite-plugin-checker'
|
||||
import { vitePluginFakeServer } from 'vite-plugin-fake-server'
|
||||
import { ViteImageOptimizer } from 'vite-plugin-image-optimizer'
|
||||
import vueDevTools from 'vite-plugin-vue-devtools'
|
||||
import MetaLayouts from 'vite-plugin-vue-meta-layouts'
|
||||
import { ViteWebfontDownload } from 'vite-plugin-webfont-dl'
|
||||
import VueMacros from 'vue-macros/vite'
|
||||
export function Plugins() {
|
||||
const plugins: PluginOption[] = [
|
||||
VueMacros({
|
||||
plugins: {
|
||||
vue: vue({ include: [/\.vue$/, /\.md$/] }),
|
||||
vueJsx: vueJsx(),
|
||||
|
||||
// https://uvr.esm.is/guide/configuration.html
|
||||
// https://github.com/posva/unplugin-vue-router
|
||||
// ⚠️ Vue must be placed after VueRouter()
|
||||
vueRouter: vueRouter({
|
||||
exclude: ['**/__*', '**/__*/**/*'],
|
||||
extensions: ['.page.vue', '.page.md'],
|
||||
getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
|
||||
logs: false,
|
||||
routesFolder: 'src/pages',
|
||||
}),
|
||||
},
|
||||
}),
|
||||
]
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
|
||||
// Layouts({ defaultLayout: 'sakai-vue/AppLayout', pagesDirs: [] }),
|
||||
|
||||
// https://github.com/dishait/vite-plugin-vue-meta-layouts
|
||||
MetaLayouts({
|
||||
// defaultLayout: 'sakai-vue/AppLayout',
|
||||
defaultLayout: 'naive-ui/AppLayout',
|
||||
skipTopLevelRouteLayout: false, // 打开修复 https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/134，默认为 false 关闭
|
||||
}),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/unplugin/unplugin-vue-markdown
|
||||
Markdown({
|
||||
headEnabled: true,
|
||||
}),
|
||||
|
||||
cloudflare(),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/antfu/unocss
|
||||
// see uno.config.ts for config
|
||||
UnoCSS(),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/antfu/unplugin-auto-import
|
||||
AutoImport({
|
||||
// dirs: [
|
||||
// // 'src/composables',
|
||||
// 'src/stores',
|
||||
// 'src/utils',
|
||||
// ],
|
||||
imports: [
|
||||
'vue',
|
||||
'vue-i18n',
|
||||
'pinia',
|
||||
'@vueuse/core',
|
||||
VueRouterAutoImports,
|
||||
createUtils4uAutoImports([]),
|
||||
{
|
||||
'consola/browser': ['consola'],
|
||||
'vue-router/auto': ['useLink'],
|
||||
'naive-ui': ['useModal', 'useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
|
||||
},
|
||||
],
|
||||
vueTemplate: true,
|
||||
}),
|
||||
|
||||
// https://github.com/antfu/unplugin-vue-components
|
||||
Components({
|
||||
// __开头的
|
||||
excludeNames: [/^__/],
|
||||
// allow auto load markdown components under `./src/components/`
|
||||
extensions: ['vue', 'md'],
|
||||
// allow auto import and register components used in markdown
|
||||
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
|
||||
resolvers: [
|
||||
AntDesignVueResolver({
|
||||
importStyle: false, // css in js
|
||||
resolveIcons: true,
|
||||
}),
|
||||
IconsResolver({
|
||||
customCollections: ['svg'],
|
||||
prefix: 'icon',
|
||||
}), // https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#auto-importing
|
||||
TDesignResolver({ esm: true, library: 'mobile-vue' }),
|
||||
VantResolver({ importStyle: true }),
|
||||
PrimeVueResolver(/* { components: { prefix: 'P' } } */),
|
||||
NaiveUiResolver(),
|
||||
],
|
||||
}),
|
||||
|
||||
Icons({
|
||||
autoInstall: true,
|
||||
customCollections: {
|
||||
svg: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
|
||||
return svg.replace(/^<svg /, '<svg fill="currentColor" ')
|
||||
}),
|
||||
},
|
||||
iconCustomizer(collection, icon, properties) {
|
||||
properties.class = 'unplugin-icons'
|
||||
},
|
||||
}),
|
||||
|
||||
// https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n
|
||||
VueI18n({
|
||||
/* options */
|
||||
// locale messages resource pre-compile option
|
||||
include: [path.resolve(import.meta.dirname, './src/locales/**')],
|
||||
|
||||
// https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#transformi18nblock
|
||||
// transformI18nBlock(src) {
|
||||
// console.debug(`src :>> `, src);
|
||||
// console.debug(`typeof src :>> `, typeof src);
|
||||
// return src as string;
|
||||
// },
|
||||
}),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/condorheroblog/vite-plugin-fake-server?tab=readme-ov-file#usage
|
||||
vitePluginFakeServer({
|
||||
basename: 'fake-api',
|
||||
enableProd: !true,
|
||||
include: 'fake',
|
||||
}),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
vueDevTools(),
|
||||
// https://vite-plugin-checker.netlify.app/introduction/introduction.html
|
||||
checker({
|
||||
eslint: {
|
||||
lintCommand: 'eslint "./src/**/*.{js,jsx,ts,tsx,vue}"',
|
||||
useFlatConfig: true,
|
||||
},
|
||||
vueTsc: true,
|
||||
overlay: {
|
||||
initialIsOpen: false,
|
||||
},
|
||||
terminal: true,
|
||||
enableBuild: true,
|
||||
// XXX: pnpm add vls vti -D
|
||||
}),
|
||||
)
|
||||
|
||||
plugins.push(
|
||||
// https://github.com/FatehAK/vite-plugin-image-optimizer?tab=readme-ov-file#default-configuration
|
||||
ViteImageOptimizer({
|
||||
/* pass your config */
|
||||
}),
|
||||
)
|
||||
|
||||
// 检查是否在VS Code终端中运行
|
||||
if (process.env.TERM_PROGRAM === 'vscode' || process.env.VSCODE_PID) {
|
||||
// plugins.push(
|
||||
// // 构建后自动将dist目录打包成zip文件
|
||||
// viteArchiverPlugin({
|
||||
// addTimestamp: false, // 是否添加时间戳到输出文件名
|
||||
// format: 'zip', // 输出的压缩文件格式
|
||||
// outputDir: '', // 输出目录，默认为项目根目录
|
||||
// outputFileName: 'dist', // 输出的zip文件名（不含扩展名）
|
||||
// sourceDir: 'dist', // 要打包的源目录
|
||||
// }),
|
||||
// )
|
||||
}
|
||||
|
||||
const _unused = () => {
|
||||
// plugins.push(
|
||||
// // https://github.com/rsnakdmx/vite-plugin-purgecss-v5?tab=readme-ov-file#-usage
|
||||
// pluginPurgeCss({
|
||||
// variables: true,
|
||||
// }),
|
||||
// viteSingleFile(),
|
||||
// viteStaticCopy({
|
||||
// targets: [
|
||||
// // globalThis.CESIUM_BASE_URL = 'https://digitalarsenal.io/';
|
||||
// { dest: cesiumBaseUrl, src: `${cesiumSource}/ThirdParty` },
|
||||
// { dest: cesiumBaseUrl, src: `${cesiumSource}/Workers` },
|
||||
// { dest: cesiumBaseUrl, src: `${cesiumSource}/Assets` },
|
||||
// { dest: cesiumBaseUrl, src: `${cesiumSource}/Widgets` },
|
||||
// ],
|
||||
// }),
|
||||
// )
|
||||
plugins.push(
|
||||
// https://github.com/feat-agency/vite-plugin-webfont-dl?tab=readme-ov-file#-usage-simple-config-method-b-
|
||||
ViteWebfontDownload([
|
||||
'https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap',
|
||||
'https://fonts.googleapis.com/css2?family=Fira+Code&display=swap',
|
||||
'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900',
|
||||
]),
|
||||
)
|
||||
}
|
||||
|
||||
return plugins
|
||||
}
|
||||
Reference in New Issue
Block a user