Apollo Cache Hermes 项目启动与配置教程

1. 项目目录结构及介绍

apollo-cache-hermes 是一个针对 Apollo 客户端的高性能缓存实现。以下是项目的目录结构及其简要介绍：

apollo-cache-hermes/
├── .circleci/              # CI/CD 配置文件
├── .github/                # GitHub 工作流和模板文件
├── .vscode/                # Visual Studio Code 配置文件
├── docs/                   # 项目文档
├── scripts/                # 脚本文件
├── src/                    # 源代码目录
├── test/                   # 测试文件目录
├── typings/                # 类型定义文件
├── .audit-ci.json          # 审计配置文件
├── .eslintrc.yml           # ESLint 配置文件
├── .gitignore              # Git 忽略文件
├── .nvmrc                  # Node.js 版本管理文件
├── APACHEv2-LICENSE.md     # 项目许可证
├── README.md               # 项目说明文件
├── package.json            # 项目依赖和配置文件
├── renovate.json           # 自动更新配置文件
├── tsconfig.json           # TypeScript 配置文件
└── yarn.lock               # Yarn 锁文件

2. 项目的启动文件介绍

项目的启动主要是通过 package.json 文件中定义的脚本进行的。以下是主要的启动脚本：

• yarn install：安装项目依赖。
• yarn dev：启动开发服务器。

在 package.json 文件中，通常会看到如下定义：

"scripts": {
  "dev": "webpack serve --config webpack.config.js --open",
  "build": "webpack --config webpack.config.js",
  // 其他脚本...
}

这里，yarn dev 脚本使用 webpack serve 命令启动开发服务器，并自动在浏览器中打开。

3. 项目的配置文件介绍

项目的配置主要通过以下几个文件进行：

• tsconfig.json：TypeScript 配置文件，定义了 TypeScript 编译器的选项。
• .eslintrc.yml：ESLint 配置文件，用于定义代码风格和规则。
• package.json：项目配置文件，包含了项目的元数据、依赖、脚本等信息。

tsconfig.json 示例：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    // 其他配置...
  },
  "include": [
    "src/**/*"
  ]
}

.eslintrc.yml 示例：

extends: eslint:recommended
parserOptions:
  ecmaVersion: 12
  sourceType: module
rules:
  indent: ["error", 2]
  linebreak-style: ["error", "unix"]
  quotes: ["error", "double"]
  semi: ["error", "always"]
  // 其他规则...

以上配置文件为项目提供了必要的编译、检查和运行时设置，确保项目可以按照预期运行。