Skip to content

Commit

Permalink
docs: update
Browse files Browse the repository at this point in the history
  • Loading branch information
xiaoxian521 committed Jun 5, 2024
1 parent 41c667c commit 784223e
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 6 deletions.
12 changes: 7 additions & 5 deletions docs/01.指南/02.进阶/10.vite预构建.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ permalink: /pages/optimize/

## `include`

[optimizeDeps.include](https://gitee.com/yiming_chang/pure-admin-thin/blob/main/build/optimize.ts#L7) 配置为需要预构建的模块。`vite` 启动时会将 `optimizeDeps.include` 里的模块,编译成 `esm` 格式并缓存到 `node_modules/.vite` 文件夹,页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存,如果没有会读取本地缓存并按需加载
[optimizeDeps.include](https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L7) 配置为需要预构建的模块。`vite` 启动时会将 `optimizeDeps.include` 里的模块,编译成 `esm` 格式并缓存到 `node_modules/.vite` 文件夹,页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存,如果没有会读取本地缓存并按需加载

![theme](~@alias/img/build/optimize.jpg)

下面是精简版 `optimizeDeps.include` 配置,将 [dependencies](https://gitee.com/yiming_chang/pure-admin-thin/blob/main/package.json#L31-L54) 大部分未全局安装的模块都配置进来,当然如果模块里面的东西很少,也就是里面方法不多,可以不用配置进来直接让浏览器加载即可(您自己安装的模块也是参考该配置)
下面是精简版 `optimizeDeps.include` 配置,将 [dependencies](https://github.com/pure-admin/pure-admin-thin/blob/main/package.json#L50-L75) 大部分未全局安装的模块都配置进来,当然如果模块里面的东西很少,也就是里面方法不多,可以不用配置进来直接让浏览器加载即可(您自己安装的模块也是参考该配置)
::: details

```ts
Expand All @@ -23,12 +23,14 @@ const include = [
"dayjs",
"axios",
"pinia",
"echarts",
"vue-types",
"js-cookie",
"vue-tippy",
"pinyin-pro",
"sortablejs",
"@vueuse/core",
"@pureadmin/utils",
"responsive-storage",
"element-resize-detector"
];
```

Expand All @@ -43,7 +45,7 @@ const include = [

## `exclude`

[optimizeDeps.exclude](https://gitee.com/yiming_chang/pure-admin-thin/blob/main/build/optimize.ts#L25) 配置为排除预构建的模块。需要注意的是平台里所有以 `@iconify-icons/` 开头引入的的本地图标模块,都应加入到下面的 `exclude` 里,因为平台推荐本地图标的使用方式是哪里需要哪里引入而且都是单个的引入,不需要预构建,直接让浏览器加载就好
[optimizeDeps.exclude](https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L27) 配置为排除预构建的模块。需要注意的是平台里所有以 `@iconify-icons/` 开头引入的的本地图标模块,都应加入到下面的 `exclude` 里,因为平台推荐本地图标的使用方式是哪里需要哪里引入而且都是单个的引入,不需要预构建,直接让浏览器加载就好

下面是精简版 `optimizeDeps.exclude` 配置
::: details
Expand Down
2 changes: 1 addition & 1 deletion docs/01.指南/03.生态/01.函数工具库.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ permalink: /pages/utils/

- 封装一些常用的工具函数( `utils``hooks` ),支持在 `Node.js`、浏览器以及任意 `JavaScript` 框架中使用

[查看文档](https://pure-admin-utils.netlify.app) [查看源码](https://github.com/pure-admin/pure-admin-utils-docs)
[查看文档](https://pure-admin-utils.netlify.app) [查看文档源码](https://github.com/pure-admin/pure-admin-utils-docs)

## pure-admin-cli

Expand Down

0 comments on commit 784223e

Please sign in to comment.