{"id":18249653,"url":"https://github.com/chandq/react-frame","last_synced_at":"2025-07-17T13:39:22.851Z","repository":{"id":51274103,"uuid":"303384465","full_name":"chandq/react-frame","owner":"chandq","description":"基于 webpack+ react  + dva + antd + mock 用于中后台开发的PC端脚手架,内置很多实用工具,开箱即用, 包含webpack v5.x + react v18.x + antd 4.x, webpack v4.x + react v16.x + antd 3.x两套版本的项目模板","archived":false,"fork":false,"pushed_at":"2022-09-22T13:14:32.000Z","size":12552,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-07T07:40:47.862Z","etag":null,"topics":["antd","axios","react","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chandq.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-12T12:26:37.000Z","updated_at":"2024-01-24T03:54:09.000Z","dependencies_parsed_at":"2023-01-18T19:02:26.074Z","dependency_job_id":null,"html_url":"https://github.com/chandq/react-frame","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/chandq/react-frame","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chandq%2Freact-frame","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chandq%2Freact-frame/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chandq%2Freact-frame/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chandq%2Freact-frame/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chandq","download_url":"https://codeload.github.com/chandq/react-frame/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chandq%2Freact-frame/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265611731,"owners_count":23797945,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","axios","react","webpack"],"created_at":"2024-11-05T09:40:49.699Z","updated_at":"2025-07-17T13:39:22.791Z","avatar_url":"https://github.com/chandq.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## react-frame\n\n\u003e 基于 webpack 5.x + react v18 + react-router + dva + axios + antd 4.x + es6 + less 的脚手架\n\n### 项目介绍\n\n本项目是利用 webpack4 搭建的搭建一个基于 react + react-router + dva + axios + antd + es6 + less + eslint + prettier 用于中后台开发的脚手架,\n主要是希望通过配置本项目,来对 webpack 工具有一个更加深入和全面的认识，在练习中提升自己。\n\n### 功能实现\n\n- [x] ES6/7\n- [x] react/react-router/dva/antd\n- [x] less\n- [x] axios\n- [x] dev-server/static resource server\n- [x] 模块热替换（HMR）\n- [x] sourcemap\n- [x] CSS 代码分割\n- [x] 代码分割(SplitChunksPlugin)\n- [x] 代码压缩(terser-webpack-plugin)\n- [x] 浏览器缓存\n- [x] tree shaking\n- [x] DllPlugin\n- [x] PWA\n- [x] eslint\n- [x] 路由懒加载\n- [x] 本地 Mock 服务\n- [x] web 性能分析(webpack-bundle-analyzer)\n- [x] sematic version\n- [x] Flexible layout (rem)\n\n### 快速开始\n\n```javascript\n//该项目支持使用npm|yarn|cnpm管理依赖, 推荐cnpm(速度杠杠的)\ngit clone 本项目路径\nyarn install || npm install  // 依赖包安装\nyarn dll || npm run dll   // dllplugin进行打包\nyarn start || npm run start // 开发模式启动项目\nyarn build || npm run build // 生产环境项目打包\nyarn dev-build || npm run dev-build // 开发环境打包\n```\n\n## 代码格式化\n\n[Eslint 代码格式 (for Vscode)](./_doc/代码格式化.md)\n\n## Vue 代码片段\n\n[Vue 代码片段 (for Vscode)](./_doc/代码片段.md)\n\n## git 提交规范\n\n[git commit 规范](./_doc/.gitmessage.txt)\n\n## 文件换行符问题\n\n[LR or CRLF](./_doc/文件换行符.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchandq%2Freact-frame","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchandq%2Freact-frame","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchandq%2Freact-frame/lists"}