웹팩 구성의 HtmlWebpackPlugin 타사 참조

1066 단어 webpack

HtmlWebpackPlugin 이 플러그인은 HTML 파일을 생성할 수 있습니다.
일단 저희가 이 플러그인을 사용하면 이 플러그인을 설치해야 돼요.

npm insatall --save-dev html-webpack-plugin

플러그인 참조

const HtmlWebpackPlugin=require('html-webpack-plugin');

마지막으로 저희가 사용할 수 있어요.

    plugins: [new HtmlWebpackPlugin({
        filename: "index.html",
        template:"index.html"
    })],

설정할 수 있는 매개변수는 다음과 같습니다.

title: 생성된 HTML 문서의 제목

filename: HTML에 기록된 파일입니다.기본값은 index입니다.html.여기에 하위 디렉토리를 지정할 수도 있습니다.

template: 웹 패키지 템플릿의 상대적 또는 절대적 경로입니다.

templateContent:template 대신 내장 템플릿을 제공하는 데 사용 가능

templateParameters: 템플릿에 사용된 매개 변수를 덮어쓸 수 있음

inject:true|||'head'||||'body'|||false는 모든 자산을template나templateContent에 주입합니다.

publicPath: 스크립트와 링크 탭에 사용되는publicPath

scriptLoading: 현대 브라우저는 비막힘javascript 불러오기 ('defer'를 지원하여 향상됨)

.........

나머지 사용 가능한 매개 변수는 홈페이지 참조https://github.com/jantimon/html-webpack-plugin

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

에서는 Qiita의 기사 목록, 사용자 세부 정보, 기사를 '좋아요'한 사람 목록 및 재고가 있는 사람 목록을 검색할 수 있습니다. Qiita 화면에서 기사를 재고한 사람을 볼 수 없기 때문에 API를 통해 기사를 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다