Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Webpack 및 Babel 설정

Open
#5 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
babel, javascript, webpack

Research direction

No files or tests are named. Start by reviewing the project's current frontend structure and build entry point, then configure the listed Webpack entry, output, loaders, plugins, dev server, and optimization settings together with Babel loading. Done means the project bundles successfully and ESNext syntax is transformed to ES5.

Written by the indexing model from the issue text.

Description

⚙️ 환경설정

이슈 목적

  • 번들링을 위한 Webpack과 호환성을 위한 Babel을 설정한다.
  • 직접 하나씩 설정해보면서 번들러와 트랜스파일러가 어떤 역할을 수행하는지 알게된다.

이슈에 대한 상세 내용

  • Webpack
    • entry, output을 통해 파일 진입점과 결과물 path 지정
    • loader, plugin 설정
    • devServer 설정
    • optimization 설정
  • Babel
    • Webpack 빌드 시 Babel loader 설정으로 JavaScript 문법 변환

예상되는 결과

  • Webpack
    • 프로젝트의 번들링 세팅이 완료된다.
  • Babel
    • ESNext 문법을 ES5로 변환하게 된다.
Dominant language
TypeScript
Stars
2
Forks
2
PR merge metrics
No merged PRs in 30d

Getting set up

  • No Dockerfile or Docker Compose file
  • Has a pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from f-lab-edu/surviving-developer

All issues in f-lab-edu/surviving-developer

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.