我们在封装npm包时有时候会在npm包中添加外部依赖,在webpack模式下是没有问题的,但在vite模式下当我们在项目中使用封装的npm包时,启动会报外部依赖的相关错误,此时我们需要在项目 vite.config.ts 文件中的 defineConfig 添加 optimizeDeps ,并将报错的外部的依赖添加进去。
例如,我们在npm包里使用了qs依赖,那么,在项目上就可以按下图方式添加:
export default ({ mode }) => {
return defineConfig({
optimizeDeps: {
include: ['qs']
}
});
};