一个小小的单页应用(完善中)
- npm v5
- Webpack v3
- bundle loader
- Nodemon
- Babel v6
- ESLint
- Webpack-dev-middleware
- Webpack-hot-middleware
- ECMAScript 6
- Babel-node编译node端es6代码
- 使用VSCode调试node代码
- nodemon监控后端代码,自动重启
- webpack + bundle loader+ react-router v4实现code splitting
- PostCSS搭配autoprefixer,直接使用CSS
webpack-dev-middleware + webpack-hot-middleware实现前端react代码热加载热替换nodemon + babel-node + vscode debugger 实现后端代码配置变化监控、自动重启、调试、编译webpack搭配postcss等插件处理css、图片等资源webpack处理多页面打包,抽取公共chunkwebpack处理生产环境下的打包
集成react + react-router + redux,合理设计组件react-router+webpack实现code splitting- 进度条的设计
- 动画
- 懒加载,占位符,良好的用户体验
- 加入微信账号系统,权限认证
- 页面分享功能
- babelrc配置中webpack2和babel-node冲突,webpack2原生支持import,在es2015中加上module=false,但是babel node无法转换,打包时应注意。