vite+vue3+ts多项目打包
时间: 2023-10-19 19:09:21 浏览: 219
vue3+vite+ts
可以通过配置 Vite 的 build.rollupOptions.input 选项来实现多项目打包。具体步骤如下:
1. 在项目根目录下创建一个 projects 目录,用于存放所有子项目的代码。
2. 在 projects 目录下创建每个子项目的目录,例如 project1、project2 等。
3. 在每个子项目的目录下创建一个 main.ts 文件作为入口文件。
4. 在 Vite 配置文件中,通过遍历 projects 目录下的所有子目录,将每个子项目的入口文件路径添加到 build.rollupOptions.input 中。
5. 运行 Vite 打包命令即可同时打包所有子项目。
以下是一个简单的 Vite 配置文件示例:
```javascript
import { defineConfig } from 'vite'
import path from 'path'
import fs from 'fs'
export default defineConfig({
build: {
rollupOptions: {
input: getInputs()
}
}
})
function getInputs() {
const projectsDir = path.resolve(__dirname, 'projects')
const projects = fs.readdirSync(projectsDir)
const inputs = {}
projects.forEach(project => {
const mainFile = path.resolve(projectsDir, project, 'main.ts')
if (fs.existsSync(mainFile)) {
inputs[project] = mainFile
}
})
return inputs
}
```
阅读全文