HTML-asemallien käsittely Webpackissa
Webpack osaa käsitellä HTML-asemalleja. Se mahdollistaa koottujen bundlien automaattisen liittämisen asemallitiedostoon. Tämä on erityisen kätevää, kun bundlin nimi sisältää hashin.
HTML-asemallien käsittelyyn käytetään html-webpack-plugin -liitännäistä. Asennetaan se:
npm install html-webpack-plugin --save-dev
Tuodaan se:
import HtmlWebpackPlugin from 'html-webpack-plugin';
Otetaan se käyttöön:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Asenna ja tuo kuvattu liitännäinen.
