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文件上使用，以可視化模塊依賴關係圖。