vite.config.ts 基本通用配置

vite.config.ts 基本通用配置

基本满足日常大型开发，vite本身也默认支持很多

import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue'; // 提供 Vue 3 单文件组件支持,在插件中使用
// import { redirect } from 'vite-plugin-url-redirect';
import { join } from 'path';
import eslintPlugin from 'vite-plugin-eslint'; // 校验eslint规则
import { createHtmlPlugin } from 'vite-plugin-html'; // HTML 压缩能力

// https://vitejs.dev/config/
//  导出方法是为了方便动态获取环境变量
export default ({ mode }) => {
  const envDir = join(__dirname, '../');
  process.env = { ...process.env, ...loadEnv(mode, envDir) };
  return defineConfig({
    envDir, // 用于加载 .env 文件的目录
    base: '', // 基础路径 开发或生产环境服务的公共基础路径
    // 构建选项
    build: {
      outDir: '../dist', // 指定输出路径（相对于 项目根目录)
      // 传递给 @rollup/plugin-commonjs 插件的选项。支持CommonJS的插件，这样就可以解析CommonJS