自定义配置

CLI 指定 vite 配置文件

config 结构参考

├── plugin
│   └── ...
├── vite.config.base.ts
├── vite.config.dev.ts
└── vite.config.prod.ts

package.json

{
  "scripts": {
    "dev": "vite --config ./config/vite.config.dev.ts",
    "build": "vite build --config ./config/vite.config.prod.ts"
  }
  // ...
}

vite.config.base.ts

export default defineConfig({
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, '../src'),
      },
    ],
  },
  plugins: [
    // ...
    vue(),
  ],
  // ...
})

vite.config.dev.ts

import { mergeConfig } from 'vite'
import baseConfig from './vite.config.base'
import VueDevTools from 'vite-plugin-vue-devtools'

export default ({ mode }: { mode: string }) =>
  mergeConfig(
    {
      mode: 'development',
      plugins: [
        VueDevTools(),
        // ...
      ],
      // ...
    },
    baseConfig,
  )