应用项目规范
- 遵循 Egg 项目开发规范,其中 app/web 目录为前端代码,
config/res.config.js 为 webpack 配置文件 - 本地开发 Webpack 内存构建,发布构建静态资源在
app/public 目录,服务端在 app/view 目录 - TypeScript 除了基础配置文件和特殊声明的文件外,所有代码文件已 .tsx 作为后缀名, 详细情况请参考 https://github.com/easy-team/res-awesome 骨架项目规范
默认配置
config/res.config.js 为 easywebpack 构建配置文件,除 entry 外,一般无需额外配置(注意该文件为 js 文件)
config/tsconfig.json 为 前后端 TypeScript 基础配置,后续考虑内置 res 框架
tsconfig.json 为 Node 端 TypeScript 基础配置,集成 config/tsconfig.json , 后续考虑内置 res 框架
app/web/tsconfig.json 为前端 TypeScript 基础配置,集成 config/tsconfig.json 后续考虑内置 res 框架
约束说明
- 前端渲染时,res ssr 默认 layout 为
node_modules/res/app/web/view/layout.html可以通过如下方式覆盖配置。无特殊要求,无需配置。
//${root}/config/config.default.jsexports.reactssr = { layout: path.join(app.baseDir, 'app/web/view/layout.html'),};
- 本地开发时,Webpack 编译文件在内存,res build 时落地磁盘。Node 端运行文件存放到
app/view 目录,前端构建文件存放到 app/public 目录。框架已内置处理,无需关心。
{ "files.exclude": { "**/*.js": { "when": "$(basename).ts" } }}