A front-end project based on webpack4, react16, es6, antd and other technologies
描述:一个基于 webpack4、React16、react-router-dom、es6、antd、axios 的前端项目,路由支持按需加载或按模块加载,ui框架默认配置是 antd,支持按需加载组件; typescript版本
cnpm i
安装依赖,注意版本依赖版本npm run start
启动项目 npm install || yarn install
npm run dll
公共包第一次生成,后续都不需要重新生成,加快打包速度npm run start
启动项目npm run dev
快捷打包,不压缩文件,发布测试环境npm run build
正式打包,压缩文件,发布生产环境.
├── dist --------------------- 打包文件
├── dll --------------------- dll文件
├── webpack.config --------------------- webpack相关配置
├── package.json --------------------- 项目配置
├── yarn.json --------------------- yarn 版本锁定
├── README.md ------------------------ 说明文件
└── src ------------------------------ 源码目录
└── util ------------------------ 辅助
└── error.js --------------------- 错误检查
└── performance.js --------------------- 页面性能
├── index.js -------------------------- 入口文件路由配置
├── router.js -------------------------- 路由配置
├── loadable.js -------------------------- 按需加载路由配置
├── index.styl -------------------------- 公共css
├── index.html -------------------------- html入口文件
├── components ------------------- 业务模块集合目录
├── api ------------------- 接口集合
├── images ----------------------- 图片资源目录
└── pages ------------------------ 页面集合目录
└── home --------------------- home页面
├── Home.js ------------- 页面入口文件
└── Home.styl -------- 页面样式
└── index.js -------- 页面样式
git clone https://github.com/NewPrototype/webpack4-es6-react.git
Hash: 7e97185183a8397d60dc
Version: webpack 4.23.1
Time: 14830ms
Built at: 2018-06-11 11:20:01
Hash: df56e41b7815ca326b9e
Version: webpack 4.23.1
Time: 500ms
Built at: 2018-06-12 15:27:47