An open API service indexing awesome lists of open source software.

https://github.com/jbee37142/webpack_tutorial

JavaScript Module bundler, Webpack2 from scratch
https://github.com/jbee37142/webpack_tutorial

bundler javascript tool tutorial webpack2 webpack2-tutorial

Last synced: 9 months ago
JSON representation

JavaScript Module bundler, Webpack2 from scratch

Awesome Lists containing this project

README

          

![](./images/webpack.png)
# Webpack Tutorial
This 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/).

Webpack tutorial을 진행할 수 있는 Repository입니다.

## Usage
#### First, Check the branch!
(Following lists are linked each branch)
이 Repository의 branch를 확인해주세요. branch에 따라 **Tutorial Step**이 나누어져 있습니다.
다음 리스트는 **branch에 링크** 되어있습니다.
1. [Step 1. 기본 설정들에 대해서 알아봅니다.](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-1)
2. [Step 2. 각종 플러그인에 대해서 알아봅니다.](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-2)
3. [Step 3. Webpack의 추가적인 기능들](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-3)
4. [Step 4. Seperate dev and prod environment](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-4)
5. [Step 5. 성능, Tree Shaking](https://github.com/JaeYeopHan/webpack_tutorial/tree/Step-5)

* [SpringBoot + Webpack2 Scaffolding](https://github.com/JaeYeopHan/Springboot_webpack)
* [React-Express + Webpack2 Scaffolding](https://github.com/JaeYeopHan/Express_react_scaffolding)

#### or fork this repository and enjoy webpack!

## Installation
```bash
# If node is not installed in your local,
$ brew install node
```
and,
````bash
$ git clone https://github.com/JaeYeopHan/webpack_tutorial
$ cd webpack_tutorial
$ npm install
````

## References
[Webpack Official Documents](https://webpack.js.org/concepts/)
[Webpack Tutorial translated by arahansa](https://github.com/AriaFallah/WebpackTutorial/tree/master/ko-arahansa)
[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)
[오늘도 끄적끄적 블로그](https://perfectacle.github.io/categories/Front-end/Node-js/)
[webpack2 입문 가이드-DailyEngineering](https://hyunseob.github.io/2017/03/21/webpack2-beginners-guide/)
[webpack2 시작하기-dev-momo](http://dev-momo.tistory.com/entry/Webpack2-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0)

## Contribution
You'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).
자유롭게 issue를 남겨주시거나 Pull Request를 등록해주세요.

## LICENSE
크리에이티브 커먼즈 라이선스