react pwa reference

React-PWA-REFEREFE

Проект -шаблон и ссылочный пример для изоморфный Universal Reactiflux Прогрессивные веб -приложения.

Краткое содержание

Этот проект представляет собой эволюцию Flux-React-example и Flux-React-Example-SW, которая добавляет эволюционные инструменты и организацию. Это довольно полная, ориентированная на производительность эталонная PWA, которая использует управляемые данными маршруты и контент из прикрепленной службы. Служба данных, управляемая приложением, является этим репозитором GitHub.

Основные условия окружающей среды

Просто узел 14+
_{^{Некоторые зависимости развития этого проекта имеют двоичные установки (манипуляторы изображений), так что YMMV.}}

Куча

• N ode
• Выражать
• R EACT (Facebook)
• F Extible (Yahoo)
• Swyoolbox, SW-Precache (Google)
• Вавилон, 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, сборка активов, запустите сервер, словес, node_env = разработка, офлайн не поддерживается
dev:analyze	Проанализируйте анализ файлов webpack and sump raign size to console
dev:analyzer	Проанализировать файл статистики WebPack визуально
dev:ccss	Создайте активы CSS, смотрите и перекомпилируйте нахму
dev:debug	Lint, сборка активов, START/DEBUG SERVER, NODE_ENV = DEVISQUIT, WAIT DEBUGGER ATTRACT
dev:inspect	Как dev:debug , но используйте узел -Inspect, лучший с узел 7+
dev:perf	Lint, сборка активов, сценарии с исходными картами, START Server, NODE_ENV = Производство, Офлайн -поддержка
dev:prod	Lint, сборка активов, START Server, NODE_ENV = Производство, Офлайн поддерживается
fixtures:dev	Создайте тестовые приспособления от службы данных, разработка
fixtures:prod	Создайте тестовые приспособления от службы данных, производства
lint	запустить Linter на весь проект
perfbudget	Используется CI для проверки бюджета эффективности на услуги
test	Запустите весь тестовый набор
test:cover	Запустите весь тестовый набор, охват и сообщите
test:debug	Стройте с помощью исходных карт, запустите тестовый набор, подождите отладчика
test:inspect	Например, test:debug , но используйте узел -Incepect, лучший с узел 7+
test:func	Используется CI для выполнения функциональных тестов против селена
test:contact	Используйте для вручную проверку контактного работника после обновления Nodemailer

Веселые факты

1. webpack.github.io/analyse/#modules по -прежнему работает в файлах Webpack Stats, чтобы визуализировать график зависимости модуля.