vite项目开发npm包时调用其它依赖报错

        我们在封装npm包时有时候会在npm包中添加外部依赖,在webpack模式下是没有问题的,但在vite模式下当我们在项目中使用封装的npm包时,启动会报外部依赖的相关错误,此时我们需要在项目 vite.config.ts 文件中的 defineConfig 添加 optimizeDeps ,并将报错的外部的依赖添加进去。

        例如,我们在npm包里使用了qs依赖,那么,在项目上就可以按下图方式添加:

export default ({ mode }) => {
  return defineConfig({    
    optimizeDeps: {
      include: ['qs']
    }
  });
};