HtmlWebpackPlugin HTML-웹팩 - 플러그인 웹팩 html로 템플릿 플러그인

소개:

HtmlWebpackPlugin HTML의 간소화 작성은 웹팩 번들을 제공하기 위해 파일. 이것은 모든 컴파일을 변경 파일 이름에 해시를 포함 웹팩 번들에 특히 유용합니다. 당신도, 플러그인이 당신을 위해 HTML 파일을 생성하게 사용하여 자신의 템플릿을 제공 할 수  lodash 템플릿을 , 또는 자신의 사용  로더 .

번역 : HtmlWebpackPlugin 단순화 HTML의 생성은 웹팩 패키지 서비스를위한 파일. 이것은 모든 컴파일을 변경, 패키지에 특히 유용합니다 파일 이름에 웹팩의 해시가 포함되어 있습니다. 당신은 당신이 플러그인 템플릿이 자신의 템플릿을 lodash 제공하거나 자신의 로더를 사용 사용하여 HTML 파일을 생성하도록 할 수 있습니다.

장소의 권위를 설명해주십시오 :  https://webpack.js.org/plugins/html-webpack-plugin/   또는   https://github.com/jantimon/html-webpack-plugin

설치:

NPM --save-DEV HTML-웹팩 - 플러그인 또는 NPM 내가 -D HTML-웹팩 - 플러그인을 설치

용법:

CONST HtmlWebpackPlugin 필요 = ( 'HTML-webpack- 플러그인') 

module.exports = { 
  항목 '하는 index.js' 
  출력 { 
    파일명 : "index_bundle.js ' 
    경로 : __dirname +'/ DIST ' 
  } 
  플러그인 : 새로운 HtmlWebpackPlugin ()] 
}

이 플러그인은 많은 구성 매개 변수가 있습니다 :

플러그인 : [
   새로운 새로운 HtmlWebpackPlugin ({ 
    제목 : '출력 관리' , 
    파일 이름 : '인덱스 bundle.html'     / * ---- 마지막으로 생성 할 프로필 이름 --- * / 
    템플릿 : './src/index. HTML '       / * 초기 템플릿을 구성 할 수 ---- --- * / 
  }) 
],

더 많은 구성 장소 : https://github.com/jantimon/html-webpack-plugin#options