webpack 두렵지 않아요

webpack을 두려워 했던 한 사람으로webpack을 공부한 내용을 정리하면서나와 같았던 사람들에게 도움이 되었으면 한다.따라서, 대상 독자는 webpack 초보자이다.아래에 해당 되지 않는다면 넘어가셔도 됩니다. :)webpack에 w도 모르는 사람webpack 들

webpack과 관련된 용어들을 알아보고webpack과 필요성에 대해서 알아보자.webpack에서 module은 일반적으로 아래와 같은 파일들을 의미하며, Resource라고도 한다.'webpack 두렵지 않아요' 시리즈에서는 모듈과 리소스는 동의어로 취급하여 사용한다

webpack이 왜 필요했고, 어떤 것을 해주는지 알았으니 직접 해보자.webpack-tutorial이라는 폴더를 만들고 npm init으로 pcakge.json을 만들자.그런다음, webpack, webpack-cli, lodash를 설치하고index.html과 in

webpack을 실행하여, 서로 다른 javascript를 main.js로 번들링해봤다.별도의 설정을 하지 않아도 default option이 있기 때문에 동작했다.webpack.config.js를 통해 webpack 명령어 동작을 알아보고webpack.config.j

mode, entry, output에 대해서 알아보았는데 3개의 option만 있는것은 아니다.entry, output, module, plugins, resolve와 같은 옵션들을 좀 더 자세하게 알아보자.앞의 글에서 설명한 것 처럼, entry는 bundle을 하기

webpack 설정에 대해서는 정리를 완료했다.모든 설정을 다루진 않았지만, 핵심적인 내용은 다 다루었다.마지막으로 webpack-dev-server를 정리하고 마무리하겠다.webpack 명령어를 통해 build를 하고 bundling된 파일들을 확인할 수 있었다.그런