【源码】基于 Egg、React 和 TypeScript 的多端同构工程骨架

项目简介

本项目是基于 Egg、React 和 TypeScript 的多端同构工程骨架。后端框架采用 Egg，前端界面用 React 搭建，借助 TypeScript 进行类型检查与静态分析，利用 Webpack 完成代码的构建与打包，项目结构清晰，方便扩展和维护。

项目的主要特性和功能

1. 支持用 TypeScript 编写和构建 Egg Node 端代码与前端代码。
2. 具备 AntD 按需加载和主题配置功能。
3. 当 server 和 client 端代码修改时，Webpack 可实时编译并热更新，通过 npm run dev 一键启动应用。
4. 支持开发、测试、正式三种环境下的 Webpack 编译。

安装使用步骤

1. 安装依赖

在项目根目录下，打开终端执行以下命令安装所需依赖： bash npm install

2. 本地启动应用

在终端中运行以下命令启动开发模式，开启热更新功能，便于开发调试： bash npm run dev 启动成功后，可通过浏览器访问 http://127.0.0.1:7001 查看应用。

3. 构建文件

• TypeScript Egg 构建：执行以下命令进行 TypeScript Egg 代码的构建： bash npm run tsc
• TypeScript 前端工程构建：执行以下命令进行 TypeScript 前端代码的构建： bash npm run build

4. 打包部署

1. 先依次运行 npm run tsc 和 npm run build 构建 TypeScript Egg 代码和 TypeScript 前端代码。
2. 将项目代码和构建后的代码一起打包。
3. 部署应用后，通过 npm start 启动应用。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】