我想通过 vite 创建多个库,所以我先尝试“rollupOptions”。喜欢,
import { defineConfig } from 'vite'
export default defineConfig({
build: {
rollupOptions: {
input: {
"qy-viewer": 'src/qy-viewer.ts',
"qy-swiper": 'src/qy-swiper.ts'
}
}
}
})
但这会产生有趣的结果,包括类似哈希的字符串,例如 qy-swiper.f3fc032d.js
.这是没用的,所以我放弃了这种方法。
接下来我尝试准备多个 vite 配置文件。喜欢,
vite.qy-swiper.config.ts
import { defineConfig } from 'vite'
export default defineConfig({
build: {
lib: {
entry: 'src/qy-swiper.ts',
name: 'QySwiper',
fileName: (format) => `qy-swiper.${format}.js`
},
rollupOptions: {
}
}
})
vite.qy-viewer.config.tsimport { defineConfig } from 'vite'
export default defineConfig({
build: {
lib: {
entry: 'src/qy-viewer.ts',
name: 'QyViewer',
fileName: (format) => `qy-viewer.${format}.js`
},
rollupOptions: {
}
}
})
包.json{
"scripts": {
"build:swiper": "tsc && vite build --config vite.qy-swiper.config.ts",
"build:viewer": "tsc && vite build --config vite.qy-viewer.config.ts",
"build:lib": "npm run build:swiper && npm run build:viewer"
},
}
当我执行 npm run build:swiper
时,这非常有效或 npm run build:viewer
独立,但一旦我执行 npm run build:lib
,仅创建 qy-viewer。有什么办法可以避免
vite build
删除dist目录下的文件吗? ?
最佳答案
设置 build.emptyOutDir
至false
:
import { defineConfig } from 'vite'
export default defineConfig({
build: {
emptyOutDir: false,
},
⋮
})
关于javascript - 如何避免在 "dist"目录中删除 vite 构建?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70995121/