1, HTML-웹팩 - 플러그인
당신의 웹팩 번들 서비스를 제공하는 HTML 파일의 생성을 단순화합니다.
집 주소 :
설치 :
NPM 나는 HTML-웹팩 - 플러그인-dev에 --save
2, 추출 텍스트-웹팩 - 플러그인
별도의 파일로 번들에서 텍스트를 추출합니다.
집 주소 :
설치 :
NPM --save-DEV 추출물 텍스트 웹팩 - 플러그인을 설치
3, 스타일 로더
은 <스타일> 태그를 주입하여 DOM에 CSS를 추가합니다.
집 주소 :
설치 :
NPM 스타일 로더 --save-dev에 설치
4, CSS 로더
CSS의 로더는 수입과 같은 @import 및 URL을 () / 필요 () 해석하고 해결합니다.
집 주소 :
설치 :
NPM --save-dev에 CSS-로더를 설치
5 사스 로더
말대꾸 / SCSS 파일을로드하고 CSS로 컴파일합니다.
집 주소 :
설치 :
설치 NPM 말대꾸 로더 노드 말대꾸 --save-DEV
6, URL 로더
집 주소 :
설치 :
NPM URL 로더 --save-dev에 설치
7, 파일 로더
집 주소 :
설치 :
NPM 파일 로더 --save-dev에 설치
8 HTML 로더
집 주소 :
설치 :
NPM 내가 -D HTML 로더
9, 화상 웹팩 로더
웹팩에 대한 이미지 로더 모듈. 이미지 파일을 압축하는 데 사용할 수 있습니다.
집 주소 :
설치 :
NPM 이미지 웹팩 로더를 설치 --save-DEV
10, 바벨 로더
집 주소 :
설치 :
웹팩 4.x의 | 바벨 로더 8.x의 | 바벨 7.x의
NPM 웹팩 -D 바벨 로더 @의 바벨 / 핵심 @의 바벨 / 사전-ENV를 설치
웹팩 4.x의 | 바벨 로더 7.x의 | 바벨 6.x에서
NPM 웹팩 7 바벨 코어 바벨 프리셋-ENV @ -D 바벨 로더를 설치
11 웹팩-DEV-서버
웹팩 응용 프로그램을 제공합니다. 변화에 브라우저를 업데이트합니다.
집 주소 :
설치 :
NPM 웹팩-DEV-서버 --save-dev에 설치
12, 충격 로더
VUE 로더는 형식으로 뷰 구성 요소라는 단일 파일 구성 요소 (된 SFC)를 작성할 수 있습니다 웹팩위한 로더입니다 :
집 주소 :
설치 :
NPM VUE 로더 --save-dev에 설치
13, @에 바벨 / 사전 - 반응
모든 바벨 사전 설정은 플러그인을 반응한다.
집 주소 :
설치 :
-DEV --save @ 바벨 / 사전 - 반응 NPM 설치
14, 클린 웹팩 - 플러그인
웹팩 플러그인 만들기 전에 빌드 폴더를 제거합니다.
집 주소 :
설치 :
NPM 내가 청소-웹팩 - 플러그인 --save-DEV
(15) 원료 로더
문자열로 파일을 가져올 수 있습니다 웹팩위한 로더.
집 주소 :
설치 :
NPM 설치 원시 로더 --save-DEV
16, 퍼그 HTML 로더
웹팩에 대한 퍼그 HTML 로더.
집 주소 :
설치 :
NPM 흙-HTML-로더를 설치
그리고 그것은 원시 로더 퍼그에 따라 달라집니다