{"id":26794640,"url":"https://github.com/newprototype/webpack4-es6-react-typescript","last_synced_at":"2025-10-24T11:52:30.935Z","repository":{"id":39549994,"uuid":"144579099","full_name":"NewPrototype/webpack4-es6-react-typescript","owner":"NewPrototype","description":"A front-end project based on typescript, webpack4, react16, es6, antd, jest and other technologies","archived":false,"fork":false,"pushed_at":"2022-12-10T17:16:02.000Z","size":2102,"stargazers_count":9,"open_issues_count":22,"forks_count":6,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-29T17:34:07.864Z","etag":null,"topics":["antd","antdesign","es6","jest","react","reactjs","typescript","webpack4"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NewPrototype.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-13T12:49:32.000Z","updated_at":"2023-06-12T05:13:31.000Z","dependencies_parsed_at":"2022-08-26T01:55:09.951Z","dependency_job_id":null,"html_url":"https://github.com/NewPrototype/webpack4-es6-react-typescript","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NewPrototype%2Fwebpack4-es6-react-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NewPrototype%2Fwebpack4-es6-react-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NewPrototype%2Fwebpack4-es6-react-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NewPrototype%2Fwebpack4-es6-react-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NewPrototype","download_url":"https://codeload.github.com/NewPrototype/webpack4-es6-react-typescript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250296136,"owners_count":21407037,"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","antdesign","es6","jest","react","reactjs","typescript","webpack4"],"created_at":"2025-03-29T17:28:22.622Z","updated_at":"2025-10-24T11:52:30.845Z","avatar_url":"https://github.com/NewPrototype.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#### webpack4-es6-react-typescript\n\n描述:一个基于 webpack4、React16、typescript、react-router-dom、es6、antd、axios 的前端项目，路由支持按需加载或按模块加载,ui框架默认配置是 antd,支持按需加载组件;[javascript版本](https://github.com/NewPrototype/webpack4-es6-react)\n\n#### 安装依赖\n```cnpm install  || npm install```\n\n#### 启动测试\n- ```npm run jest```   单次运行\n- ```npm run watch```  检测运行\n- ```npm run reset```  快照覆盖\n#### 启动项目\n- ```npm run start```  启动项目\n- ```npm run build ``` 打包\n\n\n### 目录结构\n\n```\n.\n├── dist  --------------------- 打包文件\n├── webpack.config  --------------------- webpack相关配置\n├── package.json  --------------------- 项目配置\n├── README.md  ------------------------ 说明文件\n├── tsconfig.json  ------------------------ typescript配置\n├── jest.config.js  ------------------------ jest配置\n├── .babelrc  ------------------------ babel 配置\n├── __mocks__  ------------------------ 测试辅助文件\n├── __tests__  ------------------------ 测试文件\n└── src  ------------------------------ 源码目录\n    ├── axios  ------------------- 接口\n    ├── components  ------------------- 业务模块集合目录\n    ├── config  ------------------- 配置参数\n    ├── lib  ----------------------- \n        └── img  --------------------- img\n        └── less  --------------------- less文件\n    └── pages  ------------------------ 页面集合目录\n        └── home  --------------------- Home\n            ├── Home.js  ------------- 页面入口文件\n            └── Home.less  -------- 页面样式\n            └── index.js  -------- 页面样式\n     ├── router  ------------------- 路由\n     ├── store  ------------------- redux\n        └── actions  --------------------- actions\n        └── reducers  --------------------- reducers\n        └── sagas  --------------------- sagas\n        └── stores  --------------------- stores\n     ├── util  ------------------- 辅助方法\n     ├── App  ------------------- 入口组件\n     ├── index  ------------------- 入口文件\n\n```\n\n#### jest 参数解析\n- --watchAll 开启检测\n- --cache   缓存\n- -b  在第一个失败的测试套件后立即退出测试套件。\n- --debug  打印有关您的Jest配置的调试信息。\n- --errorOnDeprecated  调用已弃用的API会抛出有用的错误消息。有助于简化升级过程。\n- --expand  使用此标志显示完整的差异和错误而不是补丁\n\n#### TODO\n- \u003cdel\u003etypescript热更新 \u003c/del\u003e\n- \u003cdel\u003eantd 按需加载\u003c/del\u003e\n- \u003cdel\u003ejest 测试环境\u003c/del\u003e\n\n#### 友情项目\n\nwebpack4-es6-react\n- 介绍：一个基于webpack4、es6、react、react-router4、axios技术的项目架构\n- 地址：https://github.com/NewPrototype/webpack4-es6-react\n\nwebpack4-es6-react-typescript\n- 介绍：一个基于jest、typescript、webpack4、es6、react、react-router4、axios技术的项目架构\n- 地址：https://github.com/NewPrototype/webpack4-es6-react-typescript\n\ntemplate-cli\n- 介绍：操作终端下载react和typescript模版\n- 地址：https://github.com/NewPrototype/template-cli\n\ntemplate\n- 介绍：react、typescript模版文件\n- 地址：https://github.com/NewPrototype/template\n\nelectron-web\n- 介绍：electron前端项目\n- 地址：https://github.com/NewPrototype/electron-web\n\nelectron-node\n- 介绍：electron node服务器\n- 地址：https://github.com/NewPrototype/electron-server\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewprototype%2Fwebpack4-es6-react-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnewprototype%2Fwebpack4-es6-react-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnewprototype%2Fwebpack4-es6-react-typescript/lists"}