chore: use defineConfig in vite.config.ts (#88)

Author: cijiugechu

doc-site/vite.config.ts

@@ -1,14 +1,12 @@
-import type { UserConfig } from 'vite'
-
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import mdx from 'vite-plugin-mdx'
 import pages from 'vite-plugin-react-pages'
 
-module.exports = {
-  jsx: 'react',
+export default defineConfig({
   plugins: [react(), mdx(), pages()],
   base:
     process.env.GITHUB_PAGES_DEPLOY === 'true'
       ? '/vite-plugin-react-pages/'
       : '/',
-} as UserConfig
+})

packages/create-project/template-lib-monorepo/packages/demos/vite.config.ts

@@ -1,12 +1,10 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import * as path from 'path'
-
 import react from '@vitejs/plugin-react'
 import mdx from 'vite-plugin-mdx'
 import pages, { DefaultPageStrategy } from 'vite-plugin-react-pages'
 
-module.exports = {
-  jsx: 'react',
+export default defineConfig({
   plugins: [
     react(),
     mdx(),
@@ -72,5 +70,7 @@ module.exports = {
     // which will result in error
     noExternal: ['my-button', 'my-card'],
   },
-  minify: false,
-} as UserConfig
+  build: {
+    minify: false,
+  },
+})

packages/create-project/template-lib/docs/vite.config.ts

@@ -1,11 +1,10 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import * as path from 'path'
 import react from '@vitejs/plugin-react'
 import mdx from 'vite-plugin-mdx'
 import pages, { DefaultPageStrategy } from 'vite-plugin-react-pages'
 
-module.exports = {
-  jsx: 'react',
+export default defineConfig({
   plugins: [
     react(),
     mdx(),
@@ -72,4 +71,4 @@ module.exports = {
       'my-lib': path.join(__dirname, '../src'),
     },
   },
-} as UserConfig
+})

packages/playground/custom-find-pages/vite.config.ts

@@ -1,11 +1,10 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import * as path from 'path'
 import react from '@vitejs/plugin-react'
 import mdx from 'vite-plugin-mdx'
 import pages, { DefaultPageStrategy } from 'vite-plugin-react-pages'
 
-module.exports = {
-  jsx: 'react',
+export default defineConfig({
   plugins: [
     react(),
     mdx(),
@@ -61,4 +60,4 @@ module.exports = {
       'my-lib': '/src',
     },
   },
-} as UserConfig
+})

packages/playground/lib-monorepo/packages/demos/vite.demos.ts

@@ -1,11 +1,10 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import * as path from 'path'
 import react from '@vitejs/plugin-react'
 import mdx from 'vite-plugin-mdx'
 import pages, { DefaultPageStrategy } from 'vite-plugin-react-pages'
 
-module.exports = {
-  jsx: 'react',
+export default defineConfig({
   plugins: [
     react(),
     mdx(),
@@ -62,5 +61,7 @@ module.exports = {
       'playground-card': path.resolve(__dirname, '../card/src'),
     },
   },
-  minify: false,
-} as UserConfig
+  build: {
+    minify: false,
+  },
+})