node.js:webpack

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- node.js:webpack [2022/11/29 12:36]
kwon37xi [Caching]
+++ node.js:webpack [2022/11/29 12:43]
kwon37xi
@@ 줄 9: / 줄 9: @@
   * Front End 배포시 리소스 캐싱 기법
   * ''contenthash'' : 파일 내용기반 해싱. 내용이 변경될 때만 해시값이 바뀌게 됨. 변경되지 않은 리소스는 그대로 둬서 캐시됨.
+===== define plugin =====
+  * [[https://webpack.kr/plugins/define-plugin/|DefinePlugin | 웹팩]]
+  * 컴파일 타임에 전역 상수 설정값 반영. profile 별로 서로 다른 설정값 구성.
+===== asset module =====
+  * [[https://webpack.kr/guides/asset-modules/|Asset Modules | 웹팩]]
+  * 애셋 모듈은 로더를 추가로 구성하지 않아도 애셋 파일(폰트, 아이콘 등)을 사용할 수 있도록 해주는 모듈입니다.
+===== bundle size 최적화 =====
+  * [[https://medium.com/@uk960214/%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-1-%EB%B2%88%EB%93%A4-%ED%81%AC%EA%B8%B0-%EC%A4%84%EC%9D%B4%EA%B8%B0-react-webpack-minify-code-splitting-e2391e7e5f1b|성능 최적화 1 — 번들 크기 줄이기 (React, Webpack, Minify, Code Splitting) | by Bling | Medium]]
 ===== 참조 =====

node.js/webpack.txt · 마지막으로 수정됨: 2022/11/29 12:43 저자 kwon37xi