30 lines
1.4 KiB
TypeScript
30 lines
1.4 KiB
TypeScript
|
/**
|
|||
|
|
* 此文件作用于 `vite.config.ts` 的 `optimizeDeps.include` 依赖预构建配置项
|
|||
|
|
* 依赖预构建，`vite` 启动时会将下面 include 里的模块，编译成 esm 格式并缓存到 node_modules/.vite 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载
|
|||
|
|
* 尤其当您禁用浏览器缓存时（这种情况只应该发生在调试阶段）必须将对应模块加入到 include里，否则会遇到开发环境切换页面卡顿的问题（vite 会认为它是一个新的依赖包会重新加载并强制刷新页面），因为它既无法使用浏览器缓存，又没有在本地 node_modules/.vite 里缓存
|
|||
|
|
* 温馨提示：如果您使用的第三方库是全局引入，也就是引入到 src/main.ts 文件里，就不需要再添加到 include 里了，因为 vite 会自动将它们缓存到 node_modules/.vite
|
|||
|
|
*/
|
|||
|
|
const include = [
|
|||
|
|
"qs",
|
|||
|
|
"mitt",
|
|||
|
|
"dayjs",
|
|||
|
|
"axios",
|
|||
|
|
"pinia",
|
|||
|
|
"vue-types",
|
|||
|
|
"js-cookie",
|
|||
|
|
"vue-tippy",
|
|||
|
|
"pinyin-pro",
|
|||
|
|
"sortablejs",
|
|||
|
|
"@vueuse/core",
|
|||
|
|
"@pureadmin/utils",
|
|||
|
|
"responsive-storage"
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 在预构建中强制排除的依赖项
|
|||
|
|
* 温馨提示：平台推荐的使用方式是哪里需要哪里引入而且都是单个的引入，不需要预构建，直接让浏览器加载就好
|
|||
|
|
*/
|
|||
|
|
const exclude = ["@iconify/json"];
|
|||
|
|
|
|||
|
|
export { include, exclude };
|