tiny-vue/examples/vue3/vitest.config.ts

69 lines
2.0 KiB
TypeScript

import path from 'node:path'
import { defineConfig } from 'vitest/config'
import { loadEnv } from 'vite'
import virtualTemplatePlugin from '@opentiny-internal/unplugin-virtual-template/vite'
import vue3Plugin from '@vitejs/plugin-vue'
import vue3JsxPlugin from '@vitejs/plugin-vue-jsx'
import vue3SvgPlugin from 'vite-svg-loader'
import importPlugin from '@opentiny/vue-vite-import'
import { TailwindCSSVitePlugin } from 'tailwindcss-vite-plugin'
import { getAlias } from '../../internals/cli/src/config/vite'
const pathResolve = (...paths: string[]) => path.resolve(__dirname, ...paths).replace(/\\/g, '/')
export default defineConfig((config) => {
const env = loadEnv(config.mode, process.cwd(), '')
return {
plugins: [
virtualTemplatePlugin({ include: ['**/packages/vue/**/src/index.ts'], env }),
vue3Plugin({
include: [/\.vue$/, /\.md$/],
}),
vue3JsxPlugin(),
vue3SvgPlugin(),
importPlugin([
{
libraryName: '@opentiny/vue'
},
{
libraryName: '@opentiny/vue-icon',
customName: (name) => {
return name === 'default' ? '@opentiny/vue-icon$' : `@opentiny/vue-icon/${name.replace(/^icon-/, '')}`
}
}
]),
TailwindCSSVitePlugin({
config: pathResolve('tailwind.config.cjs'),
entry: pathResolve('src/index.css'),
}),
],
optimizeDeps: {
disabled: true,
},
define: {
'process.env': env,
},
test: {
open: false,
clearMocks: true,
environment: 'jsdom',
setupFiles: ['./vitest.setup.ts'],
transformMode: {
web: [/\.[jt]sx$/],
},
include: [
'../../packages/vue/src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'
],
exclude: [
'../../packages/vue/src/**/{node_modules,dist}/**',
],
alias: {
'vue': path.resolve('node_modules/vue/dist/vue.esm-bundler.js'),
'@vue/test-utils': path.resolve('node_modules/@vue/test-utils'),
...getAlias(3),
}
},
}
})