optimize.ts 1.5 KB

12345678910111213141516171819202122232425262728293031
  1. /**
  2. * 此文件作用于 `vite.config.ts` 的 `optimizeDeps.include` 依赖预构建配置项
  3. * 依赖预构建,`vite` 启动时会将下面 include 里的模块,编译成 esm 格式并缓存到 node_modules/.vite 文件夹,页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存,如果没有会读取本地缓存并按需加载
  4. * 尤其当您禁用浏览器缓存时(这种情况只应该发生在调试阶段)必须将对应模块加入到 include里,否则会遇到开发环境切换页面卡顿的问题(vite 会认为它是一个新的依赖包会重新加载并强制刷新页面),因为它既无法使用浏览器缓存,又没有在本地 node_modules/.vite 里缓存
  5. * 温馨提示:如果您使用的第三方库是全局引入,也就是引入到 src/main.ts 文件里,就不需要再添加到 include 里了,因为 vite 会自动将它们缓存到 node_modules/.vite
  6. */
  7. const include = [
  8. "qs",
  9. "mitt",
  10. "dayjs",
  11. "axios",
  12. "pinia",
  13. "js-cookie",
  14. "sortablejs",
  15. "pinyin-pro",
  16. "@vueuse/core",
  17. "@pureadmin/utils",
  18. "responsive-storage"
  19. ];
  20. /**
  21. * 在预构建中强制排除的依赖项
  22. * 温馨提示:所有以 `@iconify-icons/` 开头引入的的本地图标模块,都应该加入到下面的 `exclude` 里,因为平台推荐的使用方式是哪里需要哪里引入而且都是单个的引入,不需要预构建,直接让浏览器加载就好
  23. */
  24. const exclude = [
  25. "@iconify-icons/ep",
  26. "@iconify-icons/ri",
  27. "@pureadmin/theme/dist/browser-utils"
  28. ];
  29. export { include, exclude };