react pwa reference

반응 -PWA 참조

프로젝트 보일러 플레이트 및 참조 예제 동형 Universal Reactiflux Progressive Web Applications.

요약

이 프로젝트는 진화 된 툴링 및 구성을 추가하는 플럭스 리아크-측정 및 플럭스-리치-측정 -SW의 진화입니다. 데이터 중심 경로와 첨부 된 서비스의 컨텐츠를 사용하는 다소 완전하고 성능의 마음가짐 참조 PWA입니다. 앱을 구동하는 데이터 서비스는이 Github Repo입니다.

환경 전제 조건

노드 14+
_{^{이 프로젝트의 일부 개발 종속성에는 이진 설치 (이미지 조작기)가 있으므로 YMMV가 있습니다.}}

스택

• N ODE
• 표현 하다
• r eact (Facebook)
• f Lixible (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	린트, 자산 구축, 서버 시작, Verbose, Node_env = 개발, 오프라인 지원되지 않음
dev:analyze	웹 팩 통계 파일 및 덤프 번들 크기 분석을 콘솔에 분석
dev:analyzer	웹 팩 통계 파일을 시각적으로 분석하십시오
dev:ccss	CSS 자산을 구축하고 변화시 SASS를 감시하고 다시 컴파일하십시오
dev:debug	린트, 자산 구축, 시작/디버그 서버, Node_env = 개발, 대기 디버거 첨부
dev:inspect	dev:debug , 그러나 Node -inspect, Best w/Node 7+를 사용하십시오.
dev:perf	린트, 구축 자산, 스크립트가있는 스크립트, 소스 맵, 시작 서버, node_env = 생산, 오프라인 지원
dev:prod	린트, 빌드 자산, 시작 서버, node_env = 생산, 오프라인 지원
fixtures:dev	데이터 서비스, 개발에서 테스트 비품을 구축하십시오
fixtures:prod	데이터 서비스, 생산에서 테스트 비품을 구축하십시오
lint	전체 프로젝트에서 Linter를 실행하십시오
perfbudget	CI에서 서비스에 대한 성과 예산을 테스트하는 데 사용됩니다
test	전체 테스트 스위트를 실행하십시오
test:cover	전체 테스트 스위트를 실행하고, 적용 범위를 캡처하고,보고하십시오
test:debug	소스 맵으로 빌드, 테스트 스위트를 시작하고 디버거 첨부 대기
test:inspect	마찬가지로 test:debug 이지만 노드를 사용합니다 -INSPECT, NODE 7+ 최고의 최상의 정보
test:func	CI가 셀레늄 그리드에 대한 기능 테스트를 실행하는 데 사용
test:contact	NodeMailer 업데이트 후 연락처를 수동으로 테스트하는 데 사용

재미있는 사실

1. webpack.github.io/analyse/#modules는 여전히 Webpack Stats 파일에서 작동하여 모듈 종속성 그래프를 시각화합니다.