Webpack'ta HTML Şablonları ile Çalışma

Webpack HTML şablonları ile çalışabilir. Toplanmış paketlerin şablon dosyasına otomatik olarak bağlanmasını sağlar. Bu, özellikle paket adının bir karma (hash) içerdiği durumlarda çok kullanışlıdır.

HTML şablonları ile çalışmak için html-webpack-plugin kullanılır. Haydi onu kuralım:

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

Onu içe aktaralım:

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

Onu etkinleştirelim:

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