{"id":27250640,"url":"https://github.com/jbee37142/webpack_tutorial","last_synced_at":"2025-04-11T00:45:00.632Z","repository":{"id":97828951,"uuid":"90335245","full_name":"jbee37142/webpack_tutorial","owner":"jbee37142","description":"JavaScript Module bundler, Webpack2 from scratch","archived":false,"fork":false,"pushed_at":"2018-02-06T04:16:21.000Z","size":152,"stargazers_count":13,"open_issues_count":1,"forks_count":2,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-11T00:44:55.267Z","etag":null,"topics":["bundler","javascript","tool","tutorial","webpack2","webpack2-tutorial"],"latest_commit_sha":null,"homepage":"https://jaeyeophan.github.io/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jbee37142.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-05T03:56:17.000Z","updated_at":"2021-05-28T19:02:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"18728d6d-1a54-4333-ad6e-a978a0ba7216","html_url":"https://github.com/jbee37142/webpack_tutorial","commit_stats":null,"previous_names":["jbee37142/webpack_tutorial"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fwebpack_tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fwebpack_tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fwebpack_tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbee37142%2Fwebpack_tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jbee37142","download_url":"https://codeload.github.com/jbee37142/webpack_tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248322604,"owners_count":21084336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bundler","javascript","tool","tutorial","webpack2","webpack2-tutorial"],"created_at":"2025-04-11T00:45:00.122Z","updated_at":"2025-04-11T00:45:00.622Z","avatar_url":"https://github.com/jbee37142.png","language":null,"readme":"![](./images/webpack.png)\n# Webpack Tutorial  \nThis repository is a tutorial repository provided for beginner who start webpack. A description of the `webpack.config.js` file is posted on the [blog](https://jaeyeophan.github.io/).\n\nWebpack tutorial을 진행할 수 있는 Repository입니다.\n\n## Usage\n#### First, Check the branch!\n(Following lists are linked each branch)  \n이 Repository의 branch를 확인해주세요. branch에 따라 **Tutorial Step**이 나누어져 있습니다.  \n다음 리스트는 **branch에 링크** 되어있습니다.\n1. [Step 1. 기본 설정들에 대해서 알아봅니다.](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-1)\n2. [Step 2. 각종 플러그인에 대해서 알아봅니다.](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-2)\n3. [Step 3. Webpack의 추가적인 기능들](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-3)\n4. [Step 4. Seperate dev and prod environment](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-4)\n5. [Step 5. 성능, Tree Shaking](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-5)\n\n* [SpringBoot + Webpack2 Scaffolding](https://github.com/JaeYeopHan/Springboot_webpack)\n* [React-Express + Webpack2 Scaffolding](https://github.com/JaeYeopHan/Express_react_scaffolding)\n\n#### or fork this repository and enjoy webpack!\n\n## Installation\n```bash\n# If node is not installed in your local,\n$ brew install node \n```\nand,\n````bash\n$ git clone https://github.com/JaeYeopHan/webpack_tutorial\n$ cd webpack_tutorial\n$ npm install\n````\n\n## References\n[Webpack Official Documents](https://webpack.js.org/concepts/)  \n[Webpack Tutorial translated by arahansa](https://github.com/AriaFallah/WebpackTutorial/tree/master/ko-arahansa)  \n[Webpack2와 모듈 번들링을 위한 초보자 가이드](https://github.com/FEDevelopers/tech.description/wiki/Webpack2%EC%99%80-%EB%AA%A8%EB%93%88%EB%B2%88%EB%93%A4%EB%A7%81%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%B4%88%EB%B3%B4%EC%9E%90-%EA%B0%80%EC%9D%B4%EB%93%9C)  \n[오늘도 끄적끄적 블로그](https://perfectacle.github.io/categories/Front-end/Node-js/)  \n[webpack2 입문 가이드-DailyEngineering](https://hyunseob.github.io/2017/03/21/webpack2-beginners-guide/)  \n[webpack2 시작하기-dev-momo](http://dev-momo.tistory.com/entry/Webpack2-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0)  \n\n## Contribution\nYou're free to contribute to this project by submitting [issues](https://github.com/JaeYeopHan/webpack_tutorial/issues) and/or [pull requests](https://github.com/JaeYeopHan/webpack_tutorial/pulls).  \n자유롭게 issue를 남겨주시거나 Pull Request를 등록해주세요.\n\n## LICENSE\n\u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by/4.0/\"\u003e\u003cimg alt=\"크리에이티브 커먼즈 라이선스\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by/4.0/88x31.png\" /\u003e\u003c/a\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbee37142%2Fwebpack_tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjbee37142%2Fwebpack_tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbee37142%2Fwebpack_tutorial/lists"}