简单介绍Reac+redux+webpack 基础框架的使用

简单介绍Reac+redux+webpack 基础框架的使用

这是个主要使用 webpack + react + redux + es6 + cssModule 的 demo，包含 React 技术栈全家桶，可作为开发模板使用。

##主要功能特征

使用热加载，文件改变页面自动刷新文件 Code Spliiting 按需加载使用 DllPlugin 将依赖文件独立打包使用 ESlint 检测 jsless->css，autoprefixer小于 8k 图片转化为 base64，图片压缩文件压缩、添加 MD5使用 Fetch，抛弃 Ajax

####页面效果如下：

Requirements

Node.jsnpmwebapck

Usage

####安装

git clone https://github.com/rover5056/React-Redux-webpack.gitcd boilerplate-webpack-react-es6-cssModulenpm install

####开始开发

//将 react、react-dom 单独打包npm run dll//启动服务器开始开发npm start

####生产打包

npm run buil-win

####启动接口 本项目的接口数据通过 json-server 配置，需全局安装并启动：

npm i -g json-servernpm run mock

接口将会在本地 3003 端口启动

Linting

本项目使用 ESlint，项目开发过程中会自动检测 js

也可手动检测：

npm run lint src

检测完毕会在命令行显示所有纠错提示

Dependencies

ReactReact-routerreduxfetchpostcsseslintbabel-loaderreact-hot-loader

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。