vite.config.ts

import { resolve } from 'path'
import { defineConfig, loadEnv, PluginOption } from 'vite'
import Dts from 'vite-plugin-dts'
import { terser as Terser } from 'rollup-plugin-terser'
import Swc from 'unplugin-swc'
import { viteMockServe as ViteMockServe } from 'vite-plugin-mock'
import { createHtmlPlugin as CreateHtmlPlugin } from 'vite-plugin-html'
import { GenerateTags } from './plugins/injectHTML'

export default defineConfig(({ command, mode }) => {
  const { VITE_APP_PROJECT_ICON, VITE_APP_PROJECT_TITLE } = loadEnv(
    mode,
    process.cwd()
  )
  return {
    plugins: [
      Swc.vite(),
      Dts({
        outputDir: 'dist/types',
        entryRoot: 'packages'
      }),
      Terser(),
      ViteMockServe({
        mockPath: 'mock',
        enable: command === 'serve',
        watchFiles: false,
        logger: true
      }),
      ...CreateHtmlPlugin({
        minify: true,
        entry: '/examples/main.ts',
        template: 'index.html',
        inject: {
          tags: GenerateTags({
            icon: VITE_APP_PROJECT_ICON,
            title: VITE_APP_PROJECT_TITLE
          }),
          data: {
            doctype: '<!DOCTYPE html>'
          }
        }
      })
    ] as PluginOption[],
    resolve: {
      alias: {
        '@': resolve(__dirname, 'packages'),
        '~@': resolve(__dirname, 'examples')
      },
      extensions: ['.ts', '.js', '.json', '.d.ts']
    },
    build: {
      lib: {
        entry: resolve(__dirname, './packages/index.ts'),
        name: 'http-typedi',
        fileName: 'http-typedi'
      },
      outDir: 'dist'
    }
  }
})