vite.config.ts

/*
 * @Date: 2023-11-29 15:03:02
 * @FilePath: /zhousan-mine-h5/vite.config.ts
 */
import proxy from './config/proxy';
import { resolve } from 'path';
import type { ConfigEnv, UserConfig } from 'vite';
import { loadEnv } from 'vite';
import { VITE_DROP_CONSOLE, VITE_BASE_PATH } from './config/constant';
import { createVitePlugins } from './config/plugins';
import { themeVariables } from './config/theme';

export default ({ command, mode }: ConfigEnv): UserConfig => {
  const isBuild = command === 'build';
  const root = process.cwd();
  const env = loadEnv(mode, root);

  return {
    root: process.cwd(),
    publicDir: 'public',
    base: VITE_BASE_PATH,
    plugins: createVitePlugins(mode, isBuild),
    css: {
      modules: {
        generateScopedName: '[name]__[local]___[hash:base64:5]',
        hashPrefix: 'prefix',
      },
      preprocessorOptions: {
        less: {
          javascriptEnabled: true,
          modifyVars: themeVariables,
        },
      },
    },
    resolve: {
      alias: {
        '@': `${resolve(__dirname, 'src')}`,
      },
      // 解析package.json中的字段
      mainFields: ['module', 'jsnext:main', 'jsnext'],
    },
    json: {
      // 是否支持从 .json 文件中进行按名导入
      namedExports: true,
      // 若设置为 true，导入的 JSON 会被转换为 export default JSON.parse("...") 会比转译成对象字面量性能更好， 尤其是当 JSON 文件较大的时候。开启此项，则会禁用按名导入
      stringify: false,
    },
    // 设为 false 可以避免 Vite 清屏而错过在终端中打印某些关键信息
    clearScreen: false,
    // 调整控制台输出的级别 'info' | 'warn' | 'error' | 'silent'
    logLevel: 'info',
    server: {
      open: true,
      host: '0.0.0.0',
    },
    // optimizeDeps: {
    //   include: ['moment/dist/locale/zh-cn'],
    //   exclude: ['moment/dist/locale/*'],
    // },
    build: {
      target: 'modules',
      outDir: 'build',
      assetsDir: 'assets',
      cssCodeSplit: true,
      assetsInlineLimit: 4096,
      sourcemap: false,
      minify: 'terser',
      chunkSizeWarningLimit: 500,
      emptyOutDir: true,
      manifest: false,
      rollupOptions: {
        output: {
          manualChunks: {
            react: ['react'],
            'antd-mobile': ['antd-mobile'],
            'react-vant': ['react-vant']
          },
        },
      },
      // 传递给 Terser 的更多 minify 选项。
      terserOptions: {
        compress: {
          keep_infinity: true,
          drop_console: VITE_DROP_CONSOLE,
        },
      },
    },
    // 全局变量替换 Record<string, string>
    define: {
      _GLOBAL_VARS_: JSON.stringify({
        ...env,
        MODE: mode,
        BUILD_TIME: new Date().toLocaleString(),
      }),
    },
  };
};