https://github.com/hmu332233/study.multi-app-react-webpack-ssr

https://github.com/hmu332233/study.multi-app-react-webpack-ssr

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/hmu332233/study.multi-app-react-webpack-ssr
• Owner: hmu332233
• License: mit
• Created: 2024-01-30T11:24:30.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-02T09:06:47.000Z (9 months ago)
• Last Synced: 2024-03-02T10:27:58.311Z (9 months ago)
• Language: JavaScript
• Size: 155 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# study.multi-app-react-webpack-ssr

[hmu332233/simple-react-webpack-ssr](https://github.com/hmu332233/simple-react-webpack-ssr)를 기반으로 여러 개의 React App을 위한 구조로 순차적으로 적용해봅니다.

- [x] multi app 구조 셋팅

- [x] 앱별 분리된 webpack 설정

- [x] 분리된 앱에 모노레포 구조 적용

- [x] 모노레포 구조에 모노레포 전문 도구 적용

- [ ] 모노레포 구조에 앱 통합 HMR 적용

- [ ] (번외) 특정 앱에 대해서 다른 번들러 또는 nextjs 적용

- [ ] (번외) pnpm workspace -> npm workspace로 변경

- [x] (번외) turbo remote cache 테스트 (커스텀 서버)

```bash

$ NODE_ENV=production STORAGE_PROVIDER=local PORT=3005 TURBO_TOKEN=[토큰] npx turborepo-remote-cache

$ pnpm build:turbo --token=[토큰]

```

### branch

이 레포는 아래와 같은 순서로 변경되었습니다.

```

1-basic: webpack config 하나 / 분리된 entry로 multi app 구조

2-multi-webpack-setup: 각 앱별로 webpack config 분리된 구조

3-monorepo-setup: 각 앱별로 모노레포 구조 적용

4-turbo-setup : 모노레포 구조에 turborepo 적용 / 패키지 외부 디렉토리 의존성 처리

```