inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

바벨 사용법과 웹팩 통합

npm install -D

해결된 질문

234

작성자 없음

작성한 질문수 0

0

npm install -D @babel/preset-env  라 적혀 있는데 실제론

npm install @babel/preset-env  라고 하기도 하고.... 

-D가 dev에 추가한다. 라고는 알고 있는데,
실제로 바벨 프리셋들은 dev에 했을 때와 아닐때 차이가 없나요? 아니면 차이점으로 어떤 것들이 있나요? 

nodejs babel 웹팩 eslint

답변 2

1

김정환

네 그런것 같아요. 맥이나 리눅스에서는 환경 변수 설정할때 NODE_ENV= 로, 윈도우즈에서는 set을 사용하는것 같습니다.

1

김정환

강의 교안에서는 -D 옵션을 사용했는데 영상에서는 사용하지 않았네요. 헷갈리셨을것 같아서 죄송합니다.

--dev 라고도하는 -D 옵션은 설치하는 라이브러리에는 전혀 차이가 없습니다. 매번 같은 코드를 node_modules 폴더에 다운로드 합니다.

다운로드 할 때 package.json에 패키지 이름과 버전을 기록하는데 그 위치가 조금 다릅니다.

  • -D 옵션으로 설치하면 devDependencies라는 부분에,
  • 없으면 dependencies 라는 부분에 각 각 기록하지요.

나중에 package.json 에 기록한 전체 패키지를 설치할 때 npm i 명령어를 사용하는데요, 환경에 따라서  devDepencenices에 있는걸 설치하거나 설치하지 않습니다.

  • 보통 개발환경에서는 npm i 로 둘 다 설치하고요.
  • 배포 환경에서는 NODE_ENV=production npm i 로 dependencies에 있는 것만 설치합니다.

지금 시점에서 해당 강의를 듣는 것에 대하여

1

111

3

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

1

223

1

에러 해결 공유드립니다

1

225

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

233

2

eslint

0

381

3

도와주세요!

0

167

2

[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전

1

145

1

질문 an error occurred while loading the image

1

469

1

webpack에서 babel-loader 사용할때 질문

1

150

1

자주 사용하는 플러그인 에서 질문이 있습니다.

1

168

1

eslint no-extra-semi 관련 질문

1

144

1

webpack5 에서 open index.html하는법 + 질문

1

168

1

TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable

2

302

1

혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?

1

371

1

에러없이 png안뜨시는 분들

1

274

1

Error: Cannot find module 'node:crypto'

1

465

1

DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함

1

407

1

깃허브 확인 문의

0

575

1

폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문

0

407

1

해쉬값과 캐쉬 갱신

1

461

1

Hash 에러 발생

1

2667

2

webpack.config.js에서의 CommonJS방식에 대한 질문

0

831

3

웹팩 버전

0

524

1

웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?

0

485

1