분류 기타

코드를 단순화하고 웹 사이트의 속도를 높이는 방법

컨텐츠 정보

  • 조회 226 (작성일 )

본문

웹팩을 배우고 웹 사이트를 간소화하고 속도를 높입니다.


Wepback은 자바 스크립트 모듈 번들이며 많은 개발 워크 플로우에서 유용합니다. Colt Steele의 Webpack을이 전체 과정에서 배우십시오.


이 과정은 간단한 질문으로 시작됩니다 : "웹팩이란 무엇입니까?" 그런 다음 Webpack 설치, 구성 및 CSS, SASS, HTML 및 파일 용 로더 추가에 대해 학습합니다.

이 과정에서는 캐시 무효화, dev 서버 설정 및 개발 및 프로덕션 구성 파일 분할에 대해 설명합니다.

clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin 및 html-webpack-plugin을 포함한 여러 Webpack 플러그인에 대해 배웁니다.


⭐️ Course Contents ⭐️

(0:00:00) What Even Is Webpack??

(0:08:12) Installing and Running Webpack and Webpack-CLI

(0:22:18) Imports, Exports, & Webpack Modules

(0:29:58) Configuring Webpack

(0:38:57) Loaders, CSS, & SASS

(0:53:55) Cache Busting and Plugins

(1:07:13) Splitting Dev & Production

(1:17:13) Html-loader, File-loader, & Clean-webpack

(1:28:17) Multiple Entrypoints & Vendor.js

(1:34:45) Extract CSS & Minify HTML/CSS/JS