这里的webpack配置是针对多页面开发, 单页面中进行路由跳转这里需要5个相关配置文件。
- package.json 定义项目依赖模块 以及 定义开启服务器和打包命令
- helpers.js 获取入口文件和html文件
- webpack.base.config.js 定义webpack基础配置
- webpack.dev.config.js 定义webpack开发配置
- webpack.prod.config.js 定义webpack生产配置
改项目中包含了:
数据请求模块封装
webview与js交互模块封装
配置文件分离
自动打包多个html文件
以一个简单的例子实现 dispatch->action->reducer->state->view流程
定义共用sass文件
提取css
css自动添加浏览器前缀
上线包添加静态资源版本号
上线包css/js压缩
定义第三方字体库
react动态路由
webpack分片
使用方式:
1.npm run dev 开启服务器(包含热更新)
2.浏览器访问localhost:8080
3.npm run build打包