# fframe

**Repository Path**: cjj198561/fframe

## Basic Information

- **Project Name**: fframe
- **Description**: 基于react+redux+webpack的前端框架
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2016-12-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 安装运行
1.对于使用npm觉得太慢的同学,建议安装cnpm,同时配合淘宝的npm镜像源,可以大大的提高install的速度
cnpm install 
2.安装以后就可以运行了(我是基于node v7.2.1,可以使用nvm进行node版本升级,通过nvm use v7.2.1进行版本切换)
npm run-script start
3.打包js文件
npm run-script build



## 查看本地安装模块的版本号
npm ls redux-thunk
## 查看该模块的详细信息
npm info redux-thunk
# 安装webpack工具
npm install webpack --save-dev
# 安装样式文件的加载器
npm install style-loader css-loader postcss-loader jsx-loader --save-dev
webpack打包模块里面使用
# 安装html生成器插件
npm install html-webpack-plugin --save-dev
# 安装webpack开发服务器
npm install webpack-dev-server --save-dev
# 安装babel-core核心模块和babel-loader
npm install babel-loader babel-core --save-dev
# 安装 减少打包的时候重复代码
npm install babel-plugin-transform-runtime babel-runtime --save-dev
要注意是放在dev还是非dev上
# 安装ES6,ES7和react支持
npm install babel-preset-es2015 babel-preset-stage-0 babel-preset-react --save-dev
# 安装热模块替换插件
npm install babel-preset-react-hmre react-hot-loader --save-dev
主要用于开发环境,安装好以后在.babelrc文件里面配置
# 安装babel的编译插件
npm install babel-plugin-transform-object-rest-spread --save-dev
安装好以后在.babelrc文件里面配置
# 安装静态代码检查工具
npm install eslint eslint-loader --save-dev
npm install eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react --save-dev
# 安装eslint的加载器
npm install babel-eslint --save-dev
# 安装 Polyfilla 
npm install babel-polyfill --save
作用是把旧的浏览器想象成为一面有了裂缝的墙.这些[polyfills]会帮助我们把这面墙的裂缝抹平
# 安装react和react-dom
npm install react react-dom --save
# 安装isomorphic-fetch
npm install isomorphic-fetch --save
让低版本浏览器支持fetch
# 安装redux
npm install redux react-redux redux-thunk --save
# 安装lodash
npm install lodash --save


# 本框架不支持IE8及以下版本,对于要支持IE8的同学,可以参考下面的资料
https://github.com/xcatliu/react-ie8 
要支持IE8必须使用react@15.x.x以下的版本
npm install --save es5-shim console-polyfill
主要是解决es3的保留字在es3环境下的正确使用,解决IE8下面的问题
保留字的使用做了es3兼容
解决es3的保留字在es3环境下的正确使用，default是暴露最多的问题，因为大家都在写export default xx
npm install es3ify-loader --save-dev