Webpack에서 HTML 레이아웃 작업하기

Webpack은 HTML 레이아웃 작업을 지원합니다. 빌드된 번들을 레이아웃 파일에 자동으로 연결할 수 있게 해줍니다. 번들 이름에 해시가 포함되어 있을 때 특히 편리합니다.

HTML 레이아웃 작업을 위해 html-webpack-plugin이 사용됩니다. 설치해 봅시다:

terminalnpm install html-webpack-plugin --save-dev

플러그인을 임포트합니다:

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

플러그인을 활성화합니다:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};