umi配置webpack_react集成webpack4和antd(按需加载,支持配置主题)

webpack4-react-wyj

react集成webpack4和antd(按需加载,支持配置主题)

一直使用蚂蚁金服的dva和umi框架,加深对webpack和使用和理解.开始在网上找了很多例子,都有bug,遂自己实现,使用webpack4和最新支持的一些特性配置.路由支持按需加载或按模块加载,支持热更新,ui框架是 antd,支持按需加载组件,兼容ie9.

使用 webpack4，区分开发环境和生产环境，打包性能优化。建议使用yarn安装依赖

文件目录

├── node_modules: 模块文件夹

| └── ...

├── dist: 打包生成目录

├── public: 开发服务运行时的文件根目录(dll也生成在此文件夹)

├── src: 开发目录

| ├── components: 公共组件

| ├── routes: 项目view

| | ├── 404: 404页面

| | ├── Loading: react-loadable按需加载的loading页面

| ├── assets: 静态文件

| ├── utils: 工具文件包

| | ├── request: 封装的request请求(支持请求自动加入等待状态)

| └── index.js: 入口文件

| └── App.js: 路由文件

| └── global.js: 全局js

├── index.ejs 模板文件

├── postcss.config.js postcss配置文件

├── .babelrc babel配置文件

├── .eslintrc.json eslint

├── .gitignore git忽略文件

├── package