已废弃,更换仓库地址为:https://gitee.com/vvjiang/webpack4Hanzilu
原文:
一个自用的webpack脚手架
使用:
npm run dev:server
功能:
- React技术栈
- 集成Typescript
- ES语法及类函数转换
- 使用dva作为数据流方案
- 集成redux中间件redux-logger,跟踪action及其dispatch前后状态的变化
- 用 React.lazy 实现懒加载
- 集成React的UI组件库antd
- 集成字体图标库Font Awesome
- 实现生产配置和开发配置分离
- 本地开发服务器搭建及热模块替换
- 各类文件压缩
- 各种打包优化
- 单元测试采用jest,enzyme
- 支持本地爬虫代理模拟返回数据,也支持json-server模拟服务器返回数据
- axios进行ajax请求
- 集成eslint检测和editorconfig配置
- 集成webpack-bundle-analyzer,实现输出文件体积与交互关系的可视化
使用@babel/preset-typescript去替换awesome-typescript-loader。
相关博客:使用@babel/preset-typescript取代awesome-typescript-loader和ts-loader
集成dva
数据流方案从 react-redux,redux-actions,redux-thunk,redux-promise 转变为基于 react-redux,redux-saga的dva
集成Typescript