React-Aldrin 项目教程

React-Aldrin 项目教程

react-aldrin[Deprecated in favour of react-lightyear] An experimental React serverside renderer built on top of the reconciler.项目地址:https://gitcode.com/gh_mirrors/re/react-aldrin

1. 项目的目录结构及介绍

React-Aldrin 项目的目录结构如下：

react-aldrin/
├── dist/
├── examples/
│   └── basic/
├── src/
├── test/
├── .babelrc
├── .editorconfig
├── .gitignore
├── .nvmrc
├── .prettierrc
├── LICENSE
├── README.md
├── jest.config.js
├── manualtest.js
├── package-lock.json
├── package.json
├── react.js
├── rollup.config.js

目录介绍：

• dist/: 编译后的文件目录。
• examples/: 示例代码目录，包含基本的示例。
• src/: 源代码目录。
• test/: 测试代码目录。
• .babelrc: Babel 配置文件。
• .editorconfig: 编辑器配置文件。
• .gitignore: Git 忽略文件配置。
• .nvmrc: Node 版本配置文件。
• .prettierrc: Prettier 代码格式化配置文件。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• jest.config.js: Jest 测试框架配置文件。
• manualtest.js: 手动测试脚本。
• package-lock.json: npm 依赖锁定文件。
• package.json: 项目依赖和脚本配置文件。
• react.js: React 相关配置文件。
• rollup.config.js: Rollup 打包配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 package.json 中的 scripts 部分。以下是一些关键的启动脚本：

{
  "scripts": {
    "start": "node manualtest.js",
    "build": "rollup -c rollup.config.js",
    "test": "jest"
  }
}

启动脚本介绍：

• start: 启动手动测试脚本 manualtest.js。
• build: 使用 Rollup 进行打包。
• test: 使用 Jest 进行测试。

3. 项目的配置文件介绍

.babelrc

Babel 配置文件，用于配置 Babel 转译器：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

jest.config.js

Jest 测试框架配置文件：

module.exports = {
  transform: {
    "^.+\\.jsx?$": "babel-jest"
  },
  testMatch: ["**/test/**/*.test.js"]
};

rollup.config.js

Rollup 打包配置文件：

import babel from 'rollup-plugin-babel';

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs'
  },
  plugins: [
    babel({
      exclude: 'node_modules/**'
    })
  ]
};

package.json

项目依赖和脚本配置文件：

{
  "name": "react-aldrin",
  "version": "1.0.0",
  "main": "dist/bundle.js",
  "scripts": {
    "start": "node manualtest.js",
    "build": "rollup -c rollup.config.js",
    "test": "jest"
  },
  "dependencies": {
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "babel-jest": "^24.0.0",
    "jest": "^24.0.0",
    "rollup": "^1.0.0",
   

react-aldrin[Deprecated in favour of react-lightyear] An experimental React serverside renderer built on top of the reconciler.项目地址:https://gitcode.com/gh_mirrors/re/react-aldrin