Webpack에서 HTML 레이아웃 작업하기
Webpack은 HTML 레이아웃 작업을 지원합니다. 빌드된 번들을 레이아웃 파일에 자동으로 연결할 수 있게 해줍니다. 번들 이름에 해시가 포함되어 있을 때 특히 편리합니다.
HTML 레이아웃 작업을 위해 html-webpack-plugin이 사용됩니다. 설치해 봅시다:
npm install html-webpack-plugin --save-dev
플러그인을 임포트합니다:
import HtmlWebpackPlugin from 'html-webpack-plugin';
플러그인을 활성화합니다:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
설명된 플러그인을 설치하고 임포트하세요.
