Skip to content
This repository has been archived by the owner on Jan 8, 2019. It is now read-only.

BetaMee/Pictorial

Repository files navigation

一个画报app应用

一个小小的单页应用(完善中)

demo

Technology Stack

FrontEnd

BackEnd

Auth

Cloud

Development tools

Feature

  • ECMAScript 6
  • Babel-node编译node端es6代码
  • 使用VSCode调试node代码
  • nodemon监控后端代码,自动重启
  • webpack + bundle loader+ react-router v4实现code splitting
  • PostCSS搭配autoprefixer,直接使用CSS

Configuration Progress

  • webpack-dev-middleware + webpack-hot-middleware实现前端react代码热加载热替换
  • nodemon + babel-node + vscode debugger 实现后端代码配置变化监控、自动重启、调试、编译
  • webpack搭配postcss等插件处理css、图片等资源
  • webpack处理多页面打包,抽取公共chunk
  • webpack处理生产环境下的打包

App Progress

  • 集成react + react-router + redux,合理设计组件
  • react-router+webpack实现code splitting
  • 进度条的设计
  • 动画
  • 懒加载,占位符,良好的用户体验
  • 加入微信账号系统,权限认证
  • 页面分享功能

Problem

  • babelrc配置中webpack2和babel-node冲突,webpack2原生支持import,在es2015中加上module=false,但是babel node无法转换,打包时应注意。