react-redux-ie8-boilerplate

程序安装

Node Version

nodejs 4.4.4

准备

npm install
// 设置淘宝镜像
npm config set registry https://registry.npm.taobao.org

// 设置显示npm安装进度
npm config set loglevel=http

开发

npm start #启动服务开发。
npm start:prod #启动服务生产环境开发（IE8调试）。

访问地址

http://localhost:3000 http://localhost:3000/counter（加减法示例）

特性

• react
• react-router
• webpack
• webpack-dev-server
• babel

程序目录

build               打包生成文件位置
│
│      
doc                 说明文档
│       
│
node_modules        依赖包
│       
│
src                 源码目录
├── js           react组件目录
│   │
│   ├── component 开发组件目录
│   │
│   └── containers 页面用于显示的组件（复合组件）
│
├── router       react-router项目路由配置
│
├── images       公共图片文件夹
│
├── json         静态数据json文件夹
│
└── entry.js     项目进入的初始文件
│
│
.babelrc            babel配置文件
│
│
.gitignore          git提交ignore配置文件
│
│
package.json        项目依赖以及启动的配置文件
│
│
webpack.config.dev.js            开发配置文件
│
│
webpack.config.production.js     生产配置文件

兼容性

• react react@0.14.x支持IE8
• react-router react-router@2.3.0支持IE8
• react-redux 官方推荐React与Redux绑定推荐使用
• redux Redux is a predictable state container for JavaScript apps.
• redux-thunk Redux异步的中间件
• redux-logger Redux日志中间件
• webpack 打包工具：webpack@1.12.9支持IE8
• webpack-dev-server nodejs的express服务器：webpack-dev-server@1.14.0支持IE8（只用于开发环境）
• console-polyfill 浏览器兼容console命令(使浏览器兼容的方案console.log=function(){})
• es5-shim
• es5-sham
• es6-promise es6 promise使用在ie9以下的polyfill
• fetch-ie8 es5-shim, es5-sham and es6-promise搭配使用可以支持ie8浏览器的fetch
• echarts 使用echarts@2.2.8可以IE8浏览器（图片下载不支持IE8）

其它

• 该项目用于测试i8性能，可以当做脚手架使用

参考

• react-ie8
• 阿里巴巴国际UED团队 » react 项目的一个ie8兼容性问题