├── app // 前端开发项目
│ ├── common
│ │ ├── component
│ │ │ ├── async
│ │ │ │ ├── css.css
│ │ │ │ ├── index.js
│ │ │ │ └── loading.js
│ │ │ ├── error
│ │ │ │ ├── css.css
│ │ │ │ └── index.js
│ │ │ ├── load
│ │ │ │ ├── css.css
│ │ │ │ └── index.js
│ │ │ └── nav
│ │ │ ├── css.css
│ │ │ └── index.js
│ │ └── css
│ │ └── css.css
│ ├── console.js
│ ├── image
│ │ ├── big.jpg
│ │ └── icon.svg
│ ├── index.html
│ ├── main.js
│ ├── router
│ │ ├── home
│ │ │ ├── css.css
│ │ │ └── index.js
│ │ ├── index.js
│ │ └── user
│ │ ├── css.css
│ │ └── index.js
│ └── stores
│ ├── clickTimesStore.js
│ ├── fetchStore.js
│ ├── index.js
│ └── loadStore.js
├── manifestInLine.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── server.js // 服务启动
├── views
│ └── index.ejs
├── webpack.config.js
└── webpack.production.config.js
- 升级webpack 4
- 优化开发环境：
- 自动识别本地
IP,开发模式下会自动打开页面 - 模版文件
index.html跟随开发文件夹 - 自动删除旧的打包文件
- 自动识别本地
- 使用
babel-polyfill代替babel-runtime - 使用
url-loader处理图片，小于25K的打包进去JS文件 - 优化开发规范，验证
propTypes；强化开发规则，强烈建议使用vscode来开发，便于使用eslint的相关功能，并且打开以下功能"eslint.autoFixOnSave": true,
- 打包写入
koa搭建的服务器内。其中静态文件写入static, 而html写入view/index.ejs npm run server即可启动服务器 , 打开http://localhost:3000/可看到效果- 前端开发启动：
npm install或者yarn install打开http://localhost:8080/ - 如有问题，可以进入QQ群进行交流：798527244
- 升级一下所有依赖
- 使用
babel-preset-env取代es2015, es2016, es2017, latest等插件 - 把
babel的配置文件写入package.json去 - 增加
Vconsole到开发环境。 - 开发环境下使用
proxy转发请求。
启动例子项目：npm install 或者 yarn install 打开本地的8080端口
- 更新一系列依赖版本，
react升级到16版。 - 把导航栏组件移到可常驻的路由外层。
- 增加load view 以及 对应的store
- 移除模拟后台，使用cnode 的API进行模拟数据加载
- css/image完成移进app项目里面
- 使用postcss，自动补全前缀
- babel-plugin-syntax-dynamic-import : 支持按需加载路由组件
- babel-plugin-transform-class-properties / babel-plugin-transform-decorators-legacy : 使用mobx需要用到