008. TIL - Today I Learned 20220924

#1

 npm i -D
(- 1.) webpack
(- 2.) webpack-cli
(- 3.) webpack-dev-server

-D = dev dependancy pakage를 설치 한다는 뜻
여기서 -D를 빼게 되면 그냥 depandancy 만 설치하게 된다.

depandancy 란 프로덕션 환경에서 필요한 패키지 를 뜻한다. 

-- 패키지들 연구?! (위에 1-3번 포함)

( 4.) npm i -D terser-webpack-plugin

*대괄호(어레이 라고 부름) 와 중괄호의 차이 (그냥 안에 속해 있는 차인가?? 소괄호도 포함

(- 5.) npm i -D html-webpack-plugin
(- 6.) npm i - D
 (1) mini-css-extract-plugin
 (2) css-loader
 (3) css-minimizer-webpack-plugin

- "webpack --mode=production"

- lodash 문법 이라함..
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>

(- 7.) npm install --save-dev --save-exact prettier

== --save-dev는 평소에 사용됐던 '-D' 를 풀오 놓은 것이다. 
== --save-exact 보통 다른 패키지에는 '^(캐러핏?> 이 있어야 하는데 이걸 입력하면 캐러핏이 없이 설치가 된다. (뭔가 '특정한 버전'을 설치하기 위해서 존재하는 것 같은 느낌이 들었다. )

(- 8.) npm i -D 
1) eslint-config-prettier
eslint 와 prettier 끼리 formatting이 겹쳐서 충돌이 나는 경우가 있는데 그걸 방지 하기 위해 설치하는 거임. (포멧팅 룰 비활성화)
2) eslint-plugin-prettier
eslint에 prettier 포맷팅을 추가하는 패키지.