53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
|
|
// 生成CSS导出文件的插件
|
|
const generateCssExportPlugin = () => {
|
|
return {
|
|
name: 'generate-css-export',
|
|
generateBundle() {
|
|
// 此插件将在构建后脚本中处理
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [vue(), generateCssExportPlugin()],
|
|
build: {
|
|
outDir: '../npm-package/dist',
|
|
emptyOutDir: true,
|
|
lib: {
|
|
entry: './src/index.ts',
|
|
name: 'JordiumGanttVue3',
|
|
fileName: format => `jordium-gantt-vue3.${format}.js`,
|
|
formats: ['es', 'cjs'],
|
|
},
|
|
rollupOptions: {
|
|
// 确保外部化处理那些你不想打包进库的依赖
|
|
external: ['vue'],
|
|
output: {
|
|
// 使用命名导出，避免默认导出警告
|
|
exports: 'named',
|
|
// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
|
|
globals: {
|
|
vue: 'Vue',
|
|
},
|
|
// 禁用文件名哈希，生成固定文件名
|
|
entryFileNames: 'jordium-gantt-vue3.[format].js',
|
|
chunkFileNames: 'chunks/[name].js',
|
|
assetFileNames: (assetInfo) => {
|
|
// 为CSS文件使用固定名称
|
|
if (assetInfo.name && assetInfo.name.endsWith('.css')) {
|
|
return 'assets/jordium-gantt-vue3.css'
|
|
}
|
|
return 'assets/[name].[ext]'
|
|
},
|
|
// 禁用代码分割，将所有代码打包到一个文件中
|
|
manualChunks: undefined,
|
|
inlineDynamicImports: true
|
|
},
|
|
},
|
|
},
|
|
})
|