vite.config.js
时间: 2023-07-06 13:07:02 浏览: 57
vite.config.js 是 Vite 构建工具的配置文件,用于配置项目的构建选项、插件、代理等。它是一个 CommonJS 模块,需要导出一个对象。常见的配置选项包括:
- `root`:项目根目录,默认为 `process.cwd()`。
- `base`:项目部署的基础路径,默认为 `/`。
- `assetsDir`:静态资源目录,默认为 `assets`。
- `build`:构建选项,包括 `outDir`、`assetsDir`、`sourcemap`、`minify` 等。
- `plugins`:插件列表,可以是数组或者函数,函数返回插件数组。
- `server`:开发服务器选项,包括 `host`、`port`、`open`、`proxy` 等。
一个简单的 vite.config.js 文件示例如下:
```javascript
module.exports = {
base: '/my-project/',
build: {
outDir: 'dist',
sourcemap: true,
minify: 'esbuild'
},
plugins: [
myPlugin(),
otherPlugin()
],
server: {
port: 3000,
proxy: {
'/api': 'http://localhost:8080'
}
}
}
```
这个配置文件将项目部署到 `/my-project/` 目录下,构建输出到 `dist` 目录,启用 sourcemap 和 esbuild 压缩,使用 myPlugin 和 otherPlugin 插件,开发服务器监听 3000 端口,代理所有 `/api` 请求到本地 8080 端口。