HTML ლეიაუტებთან მუშაობა Webpack-ში

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(),
  ],
};