귀찮지만 만들어보자

webpack 공부일지 2 기본 컨셉을 알고하자 - Entry : transpile 되기 이전의 상태 파일주소 - Output : transpile 되고나서의 파일 주소 : 설정하기에 따라 여러개를 둘 수 있다. Entry도 마찬가지 - Loader : 특정 파일의 패턴을 정의한 후, loader를 적용 시킴 bundling 되기 이전에 전처리 된다 : ex) babel, cssloader 등 - Plugins : loader는 특정 유형의 모듈을 변환하는데 사용되지만, plugin은 더 넓은 범위에 영향을 끼친다 : ex) uglify const HtmlWebpackPlugin = require('html-webpack-plugin'); //installed via npm const webpack = ..

웹팩(webpack)은 프로젝트에 산재된 리소스 파일 (css, js)을 번들링(bundling)하는 역할을 한다 이것 말고도 여러가지 기능이 있는데, 이것들은 하나하나 알아 보자 우선 웹팩을 공부하기 이전에 선행해야할 일이 두가지 정도가 있는것 같다 1. nodejs 설치 1-1. homebrew를 사용한 설치법 #homebrew가 없을 경우 terminal을 열고 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"커맨드를 입력한다 (루비는 macos 일정 이상버전에 기본으로 설치되어있다) #homebrew가 이미 설치되어 있을 경우 brew install node 그냥 클라이언..