react pwa reference

React-pwa-reference

プロジェクトのボイラープレートと参照の例同型Universal Reactiflux Progressive Webアプリケーション。

まとめ

このプロジェクトは、進化したツーリングと組織を追加するフラックス反応の例とフラックス反応 - 例swの進化です。添付のサービスからデータ駆動型のルートとコンテンツを使用する、かなり完全なパフォーマンスマインドリファレンスPWAです。アプリを駆動するデータサービスは、このGitHubリポジトリです。

環境の前提条件

ノード14+だけです
_{^{このプロジェクトのいくつかの開発依存関係には、バイナリインストール（画像マニピュレーター）があるため、YMMVがあります。}}

スタック

• n ode
• 急行
• R eact（Facebook）
• f贅沢（yahoo）
• 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	Lint、Build Assets、Start in Server、verbose、node_env =開発、オフラインはサポートされていません
dev:analyze	Webpack Statsファイルを分析し、バンドルサイズ分析をコンソールにダンプします
dev:analyzer	webpack統計ファイルを視覚的に分析します
dev:ccss	CSSアセットを構築し、SASSを監視および再コンパイルします
dev:debug	Lint、Build Assets、Start/Debug Server、node_env = development、wait debugger attach
dev:inspect	dev:debugですが、ノードを使用します - インクストスペクトル、最高のw/ノード7+
dev:perf	Lint、Build Assets、Scripts w/source Maps、Start Server、node_env =生産、オフラインサポート
dev:prod	Lint、Build Assets、Start Server、node_env =生産、オフラインサポート
fixtures:dev	データサービス、開発からのテストフィクスチャーを構築します
fixtures:prod	データサービス、生産からテストフィクスチャーを構築します
lint	プロジェクト全体でリナーを実行します
perfbudget	CIがサービスに対してパフォーマンス予算をテストするために使用します
test	テストスイート全体を実行します
test:cover	テストスイート全体を実行し、カバレッジをキャプチャし、レポートします
test:debug	ソースマップでビルドし、テストスイートを起動し、デバッガー添付を待ちます
test:inspect	test:debugですが、ノードを使用します。
test:func	CIがセレングリッドに対して機能テストを実行するために使用する
test:contact	Nodemailerの更新後に連絡先を手動でテストするために使用する

楽しい事実

1. webpack.github.io/analyse/#modulesは、モジュール依存性グラフを視覚化するためにWebPack Statsファイルで引き続き動作します。