如何确保网站蜘蛛能顺利爬取正规网络游戏平台的页面？

网站蜘蛛爬行,正规网络游戏平台,做金融网站违法吗,网站建设一般多钱文章目录 前言一、微前端二 、monorepo三 、pnpm硬链接软链接#xff08;符号链接#xff09;幽灵依赖依赖安装耗时长monorepo项目搭建子模块复用 四、无界接入无界无界预加载无界传参 总结 前言 本文主要记录微前端框架 无界 的使用与理解以及monorepo代码管理方式。 一、微… 文章目录 前言一、微前端二 、monorepo三 、pnpm硬链接软链接符号链接幽灵依赖依赖安装耗时长monorepo项目搭建子模块复用 四、无界接入无界无界预加载无界传参 总结 前言 本文主要记录微前端框架 无界 的使用与理解以及monorepo代码管理方式。 一、微前端 如今项目体积越来越大导致维护成本增加后端以微服务形式将项目拆成不同的服务前端也需要对项目进行拆解以达到长久发展的可能性。 在我理解中微前端就是将前端以某种规则进行隔离在隔离中也能进行远程访问其他小应用不受技术栈的影响带来更多的可能性与可维护性。 二 、monorepo monorepo是一个单仓库多应用的代码管理方式多个项目集成到一个仓库下共享工程配置同时又快捷地共享模块代码。中大型项目多模块项目monorepo更适合管理代码对调试、开发都有很大的帮助。 注在使用monorepo方式管理项目时会产生诸多问题如幽灵依赖、依赖安装耗时的问题需要使用pnpm进行解决这类问题。 三 、pnpm 项目依赖在基于npm时每个项目都有自己的项目依赖都需要保存在本地而pnpm则时将相同依赖项目的依赖包放在同一个位置让不同项目共享同一个个依赖包节约硬盘空间提升了安装速度。针对不同版本的依赖则只会保存不同的文件不会将所有文件都保存 硬链接 共享了同一个硬盘地址 pnpm通过硬链接直接指向 pnpm仓库 依赖包在硬盘的地址 软链接符号链接 只会记录路径不占用资源 如果依赖包之间有相互依赖则会通过软连接指向该依赖路径不会指向硬盘地址。 幽灵依赖 npm/yarn 安装依赖时存在依赖提升某个项目使用的依赖并没有在其 package.json 中声明也可以直接使用这种现象称之为 “幽灵依赖”随着项目迭代这个依赖不再被其他项目使用不再被安装使用幽灵依赖的项目会因为无法找到依赖而报错。 使用pnpm可以解决此类问题 依赖安装耗时长 MonoRepo 中每个项目都有自己的 package.json 依赖列表随着 MonoRepo 中依赖总数的增长每次 install 时耗时会较长。 MonoRepo 中每个项目都有自己的 package.json 依赖列表随着 MonoRepo 中依赖总数的增长每次 install 时耗时会较长。 monorepo项目搭建 项目构建需要一个注应用来搭载各个子应用在安装依赖时需要在最外层创建 pnpm-workspace.yaml 配置文件通过配置就可以轻松的下载所有项目的依赖。这样会将子项目中公共的依赖提取到外层modules中 packages:# all packages in direct subdirs of packages/- main# all packages in subdirs of components/- web/**在外层目录下可以通过 pnpm -F 子项目文件名 命令 的形式执行子项目中的命令 子模块复用 在外层创建common文件将应用公共的模块提取到该文件夹下比如axios等。在主项目main目录下执行 pnpm -F 项目名称 add common 这样就可以直接在项目中使用common中的东西 import {a} from common四、无界 对于一些常见的微前端框架qiankun、micro-app、EMP对vite都不太友好所以这里采用无界来搭建微前端框架 特点 接入简单只需要四五行代码不需要针对vite额外处理预加载应用保活机制 不足 隔离js使用一个空的iframe进行隔离子应用axios需要自行适配iframe沙箱的src设置了主应用的host初始化iframe的时候需要等待iframe的location.orign从’about:blank’初始化为主应用的host这个采- - 用的计时器去等待的不是很优雅。