System/Webpack

반응형
System/Webpack

2. Webpack 적용해보기

이전 내용을 확인하고 싶으시다면, 아래 링크를 눌러주세요. 1. Webpack이란 무엇인가? 이전부터 Front-end 개발 업무를 할 때 코드를 수정하고 저장한 뒤 브라우저를 새로고침해서 확인하거나, 웹 서버에 배포할 때 HTML, CSS, JS 및 이미지 압축, CSS 전처리기 반환 등의 작업을 해야 했다. conative.tistory.com Webpack이 뭔지 대충 알았으니, 이제 본격적으로 Webpack을 적용해 보겠다. $ mkdir webpack_test $ cd webpack_test $ npm init -y $ npm i webpack webpack-cli css-loader style-loader mini-css-extract-plugin -D 아래 파일들은, 루트 경로에 작성한다. ..

System/Webpack

1. Webpack이란 무엇인가?

이전부터 Front-end 개발 업무를 할 때 코드를 수정하고 저장한 뒤 브라우저를 새로고침해서 확인하거나, 웹 서버에 배포할 때 HTML, CSS, JS 및 이미지 압축, CSS 전처리기 반환 등의 작업을 해야 했다. 이는 너무 불편했기에 자동화해주는 도구가 필요해졌고, 그래서 Webpack과 Gulp가 생겨나게 되었다... 들어가기 전에... Webpack에 들어가기 전 간략하게 짚고 넘어갈 사항이 있는데, 바로 npm install 에 대한 내용이다. (사실 많이 봤는데도 헷갈려서 적어놓았다.) // package.json - dependencies // Application에 직접적인 연관이 있을때 사용, Build 시 자동으로 설치됨 npm i eslint // package.json -devD..

Conative
'System/Webpack' 카테고리의 글 목록