AIxiaocaishen/vite.config.js

import { defineConfig, loadEnv } from 'vite'
import pkg from './package.json' // 新增包信息导入
import dayjs from 'dayjs' // 新增时间库导入
import { fileURLToPath, URL } from 'url' // 新增路径处理模块
import { wrapperEnv } from './build/utils'
import { createVitePlugins } from './build/vite/plugin'
import { createProxy } from './build/vite/proxy'
import { createBuild } from './build/vite/build'

const { dependencies, devDependencies, name, version } = pkg
// 应用信息
const __APP_INFO__ = {
  pkg: { dependencies, devDependencies, name, version },
  lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss')
}

// https://vite.dev/config/
export default defineConfig(({ command, mode }) => {
  // console.log('command', command)
  const root = process.cwd() // 当前工作目录
  const isBuild = command === 'build' // 是否是构建 serve
  const env = loadEnv(mode, root) // 加载env环境
  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
  const viteEnv = wrapperEnv(env)
  // console.log('viteEnv', viteEnv)

  const { VITE_PUBLIC_PATH, VITE_OUTPUT_DIR } = viteEnv
  return {
    base: VITE_PUBLIC_PATH,
    root,
    plugins: createVitePlugins(viteEnv, isBuild),
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url))
      }
    },
    css: {
      preprocessorOptions: {
        scss: {
          charset: false, // 避免出现: build时的 @charset 必须在第一行的警告
          additionalData: `
						@import "@/styles/mixin.scss";
						@import "@/styles/variables.scss";
					`
        }
      }
    },
    server: {
      host: true,
      proxy: createProxy()
    },
    build: createBuild(viteEnv),
    define: {
      __APP_INFO__: JSON.stringify(__APP_INFO__)
    }
  }
})