vue vite打包配置
时间: 2023-10-04 21:06:03 浏览: 59
Vue 3.x 与 Vite 配置打包非常简单,只需要在项目根目录下创建一个 `vite.config.js` 文件,然后在文件中配置相关选项即可。
以下是一个简单的示例:
```javascript
// vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
build: {
target: 'es2015',
outDir: 'dist',
assetsDir: 'assets'
}
})
```
在这个示例中,我们设置了输出目标为 ES2015,输出文件夹为 `dist`,静态资源文件夹为 `assets`。当然,还有很多其他配置选项可供选择,具体可以参考 Vite 官方文档。
需要注意的是,Vite 默认使用 Rollup 打包工具进行打包,因此一些 Rollup 相关的配置选项也可以在 `vite.config.js` 中配置。例如,如果需要打包成 CommonJS 模块格式,可以添加以下选项:
```javascript
// vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
build: {
rollupOptions: {
output: {
format: 'cjs'
}
}
}
})
```
以上就是一个简单的 Vue 3.x + Vite 打包配置示例。