%20(2).svg)
项目简介
本项目是基于 webpack 的前端多项目集成开发工具，提供了前端多页面、多个项目集成的解决方案，能助力前端开发轻松执行从开发到部署的工程化流程，尤其适用于大量短期性页面（如活动推广专题）的开发与部署。
项目的主要特性和功能
- 多项目集成：采用蜂巢式结构，可自由创建小项目，小项目相互独立且能共用组件代码。
- 灵活编译：支持单独或批量编译小项目，无需编译整个蜂巢项目，批量编译时自动识别所有项目。
- 自动识别：自动识别页面入口，按简单约定规则新建页面目录即可被识别为 webpack 编译入口。
- 环境切换：可便捷地进行业务环境切换，在编译时设置、切换不同的业务代码内容。
- 公共资源管理：支持部署非 webpack 的公共静态资源，公共包更新对整个蜂巢项目生效。
- 丰富集成功能：集成了 ES6 转 ES5、React、babel - runtime、handlebar、sass - postcss - autoprofixer 等常见资源处理功能。
- 本地开发便利：本地开发采用 webpack - dev - server，默认开启热更新功能，且整合了灵活的代理功能。
安装使用步骤
前提条件
确保已经安装了 Node.js 和 npm。
创建项目
- 安装工具包：
shell npm i create-webpack-papa -g - 创建一个命名为 "proj - hive" 的站点项目：
shell create-webpack-papa create proj-hive - 进入项目目录：
shell cd proj-hive
开发小项目
- 创建一个命名为 "my - proj1" 单页初始小项目：
shell npm run create my-proj1 - 对 my - proj1 进行本地开发：
shell npm run watch my-proj1 - 部署上线代码：
shell npm run build my-proj1
其他常用命令
- 批量生成部署代码：
shell npm run build-all - 设置批量生成的范围：
shell npm run build-all scope path/to/foo - 选择部署环境：
shell npm run build foo test - 上传 ftp：
shell npm run build foo test u - 生成公共资源：
shell npm run deploy-static
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】