我们在封装npm包时有时候会在npm包中添加外部依赖,在webpack模式下是没有问题的,但在vite模式下当我们在项目中使用封装的npm包时,启动会报外部依赖的相关错误,此时我们需要在项目 vite.config.ts 文件中的 defineConfig 添加 optimizeDeps ,并将报错的外部的依赖添加进去。
例如,我们在npm包里使用了qs依赖,那么,在项目上就可以按下图方式添加:
export default ({ mode }) => {
return defineConfig({
optimizeDeps: {
include: ['qs']
}
});
};
在封装npm包时添加的外部依赖,在webpack模式下工作正常,但可能在Vite模式下引发错误。为解决此问题,可以在项目的`vite.config.ts`文件中使用`optimizeDeps`配置,将依赖如qs明确包含进去,确保启动时正确处理这些依赖。
4825

被折叠的 条评论
为什么被折叠?



