如vite创建的vue3项目,使用了第三方vuedraggable拖拽时,需在vite.config.js中增加vuedraggable配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
export default defineConfig({
plugins: [vue()],
build: {
lib: {
entry: path.resolve(__dirname, 'src/index.js'),
name: '你的包名',
fileName: (format) => `你的包名.${format}.js`
},
rollupOptions: {
// 确保外部化处理那些你不想打包进库的依赖
external: ['vue', 'vuedraggable'],
output: {
// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
globals: {
vue: 'Vue',
vuedraggable: 'vuedraggable',
}
}
}
}
})