Vue的Vite配置工具

Vue.js 的 Vite 是一个基于 ESM 的构建工具，它采用了现代化的开发方式，可以快速地构建前端项目。Vite 的配置文件是 vite.config.js，它的配置项非常简单易懂。下面是一些常用的 Vite 配置项：

1. root：指定项目根目录路径。

2. base：指定应用程序基本 URL，用于处理静态资源路径。

3. server.port：指定开发服务器端口号。

4. server.proxy：配置代理服务器。

5. build.outDir：指定输出目录。

6. build.assetsDir：指定静态资源目录。

7. build.sourcemap：是否生成 source map 文件。

8. plugins：用于加载插件。

例如，下面是一个简单的 Vite 配置文件示例：

// vite.config.js

export default {
  root: './src',
  base: '/',
  server: {
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  },
  build: {
    outDir: '../dist',
    assetsDir: 'assets',
    sourcemap: true
  },
  plugins: []
}

这个例子中，我们指定了项目根目录路径为 './src'，应用程序基本 URL 为 '/'，开发服务器端口号为 3000，代理服务器为本地 8080 端口，输出目录为 '../dist'，静态资源目录为 'assets'，是否生成 source map 文件为 true，没有加载插件。