tiny-vue/examples/vue2/vite.config.ts

85 lines
2.7 KiB
TypeScript

import path from 'node:path'
import scriptSetupPlugin from 'unplugin-vue2-script-setup/vite'
import { defineConfig, loadEnv } from 'vite'
import dynamicImportPlugin from 'vite-plugin-dynamic-import'
import importPlugin from '@opentiny/vue-vite-import'
import inspectPlugin from 'vite-plugin-inspect'
import { createVuePlugin as vue2Plugin } from 'vite-plugin-vue2'
import { createSvgPlugin as vue2SvgPlugin } from 'vite-plugin-vue2-svg'
import Markdown from 'vite-plugin-md'
import virtualTemplatePlugin from '@opentiny-internal/unplugin-virtual-template/vite'
import { getAlias, pathFromWorkspaceRoot, getOptimizeDeps } from '../../internals/cli/src/config/vite'
// 增加Unocss
import Unocss from 'unocss/vite'
import { rules, shortcuts, variants } from '../docs/vite-plugins/vite-plugin-uno-preset.js'
export default defineConfig((config) => {
const env = loadEnv(config.mode, process.cwd(), '')
return {
server: {
host: 'localhost',
open: false
},
plugins: [
virtualTemplatePlugin({ include: ['**/packages/vue/**/src/index.ts'], env }),
vue2Plugin({
jsx: true,
include: [/\.vue$/, /\.md$/]
}),
scriptSetupPlugin(),
vue2SvgPlugin(),
importPlugin([
{
libraryName: '@opentiny/vue'
},
...['icon', 'icon-saas'].map((lib) => ({
libraryName: `@opentiny/vue-${lib}`,
customName: (name: string) => {
return name === 'default' ? `@opentiny/vue-${lib}$` : `@opentiny/vue-${lib}/${name.replace(/^icon-/, '')}`
}
}))
]),
dynamicImportPlugin(),
Unocss({
include: [/\.js$/, /\.ts$/, /\.vue$/, /\.html$/, /\.jsx$/, /\.tsx$/], // 增加js ,ts扫描
presets: [],
rules,
shortcuts,
variants,
safelist: [
...Array.from({ length: 24 }, (_, i) => `c-rand${i + 1}`),
...Array.from({ length: 24 }, (_, i) => `bg-rand${i + 1}`)
]
}),
Markdown({
markdownItOptions: {
html: true,
linkify: true,
typographer: true
}
}),
inspectPlugin()
],
resolve: {
extensions: ['.js', '.ts', '.tsx', '.vue'],
alias: {
'@vue/composition-api': path.resolve('node_modules/@vue/composition-api'),
'vue': path.resolve('node_modules/vue/dist/vue.esm.js'),
'@': pathFromWorkspaceRoot('examples/docs/newsrc'),
'@vue/babel-helper-vue-jsx-merge-props': path.resolve(
'node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js'
),
'@tiptap/vue': '@tiptap/vue-2',
...getAlias(2, env.VITE_TINY_THEME)
}
},
define: {
'process.env': env
},
publicDir: '../public',
optimizeDeps: getOptimizeDeps(2)
}
})