vue3 + vitejs 简单配置

我使用的时候使用的vue+vite+ts，所以新建vite.config.ts。如果有的小伙伴使用的时候没有使用ts删除有类型定义的地方就好。

import type { UserConfig, ConfigEnv  } from "vite";
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import { loadEnv } from 'vite';

function pathResolve(dir: string) {
  return resolve(process.cwd(), '.', dir);
}

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

  return {
    base: env.VITE_PUBLIC_PATH, // 公共基础路径
    root, // 项目根目录（index.html 文件所在的位置）
    server: {
      host: '0.0.0.0', // 指定服务器监听 IP 地址
      port: 3000, // 指定开发服务器端口
      open: true, // 在开发服务器启动时自动在浏览器中打开应用程序
    },
    resolve: {
      alias: [ // 文件系统路径的别名
        {
          find: /\/@\//,
          replacement: pathResolve('src') + '/'
        }
      ]
    },
    build: {
      watch: {}, // 启用 rollup 的监听器
      manifest: true, // 生成 manifest.json 文件
    },
    plugins: [vue()], // 需要用到的插件数组
  }
}