react pwa reference

React-PWA引用

项目样板和参考示例同构通用反应性渐进式Web应用程序。

概括

该项目是添加了进化的工具和组织的通量反应 - 示例和磁通反应 - 示例SW的演变。这是一种相当完整的，性能的参考PWA，它使用附加服务中的数据驱动路线和内容。驱动该应用程序的数据服务是此GitHub存储库。

环境先决条件

只是节点14+
_{^{该项目的一些开发依赖性具有二进制安装（图像操纵器），因此YMMV。}}

堆

• n ode
• 表达
• r eatct（Facebook）
• 豪华（雅虎）
• SW-Toolbox，SW-PRECACHE（Google）
• Babel，Gulp，Webpack，Eslint，Mocha/Chai，Sass

设置

1. git clone https://github.com/localnerve/react-pwa-reference
2. npm install

跑步

运行生产

npm run build:server && npm start

运行开发

npm run dev

开发任务

所有npm run开发命令：

命令	描述
build:list	将资产构建任务树丢弃到控制台
config:dev	将开发配置转换为控制台
config:prod	将生产配置转换为控制台
dev	棉绒，建造资产，启动服务器，冗长，node_env =开发，离线不支持
dev:analyze	分析WebPack统计文件和转储捆绑尺寸分析到控制台
dev:analyzer	视觉分析WebPack Stats文件
dev:ccss	建立CSS资产，观看和重新编译SASS的变化
dev:debug	皮棉，建造资产，开始/调试服务器，node_env =开发，等待调试器附加
dev:inspect	像dev:debug ，但请使用节点 - 指出，最佳w/node 7+
dev:perf	棉绒，构建资产，带源地图，启动服务器，node_env =生产，脱机支持
dev:prod	皮棉，建造资产，启动服务器，node_env =生产，脱机支持
fixtures:dev	通过数据服务，开发构建测试固定装置
fixtures:prod	通过数据服务，生产构建测试固定装置
lint	在整个项目上运行衬里
perfbudget	CI用于测试针对服务的绩效预算
test	运行整个测试套件
test:cover	运行整个测试套件，捕获覆盖范围并报告
test:debug	使用源地图构建，启动测试套件，等待调试器附件
test:inspect	喜欢test:debug ，但请使用节点 - 指出，最佳w/node 7+
test:func	CI用于对硒网格进行功能测试
test:contact	NodeMailer更新后，用于手动测试联系人

有趣的事实

1. webpack.github.io/analyse/#modules仍然可以在WebPack Stats文件上使用，以可视化模块依赖关系图。