Front build 시 운영체제 영향 정리

이병우·2024년 4월 11일
0

front-end

목록 보기
3/3

Nextjs(13v)

  • export문의 위치
export (default) const Component = () => {}    
VS   
const Component = () => {}
export (default) Component

다음과 같이 build시 export문의 위치에 따라 리눅스와 윈도우 환경에서 빌드가 되고 안되고의 차이가 있었다.

  • nextjs는 linux, window용 모듈이 구성이 달라서 그럴수도 있음.

Webpack

  • webpack build시 모듈 경로
1. const Component = lazy(() => import('./path/Component'))
VS
2. const Component = lazy(() => import('./path/component'))

path/
└── components/
	    └── index.js

index.js 
> const Component = () => {}
  export default Component

다음과 같은 상황일 때 1번 방법으로 import를 하면
Window는 Component를 읽어서 빌드를 하고,
Linux는 경로를 찾지 못해 빌드 에러가 발생한다.

  • 2번 방법은 Window, Linux 둘 다 빌드가 성공적으로 됨!
profile
맛있게 개발하는게 목표!

0개의 댓글