Html-Webpack-Plugin очень медленно работает с несколькими файлами мопса

Question

У меня есть проект, который использует webpack в качестве компоновщика и webpack-dev-server во время процесса разработки. Я использую Html-webpack-plugin для компиляции моего файла 30 pug в html, но при использовании с webpack-dev-server время перекомпиляции очень велико, возможно, 5 минут. Кажется, что webpack компилирует весь мой файл pug вместо того, чтобы компилировать только файл, который я изменил.

Вот фрагмент о том, как я генерирую HTML-файл

   import HtmlWebpackPlugin from 'html-webpack-plugin';
   import path from 'path';
   import fs from 'fs';

   export const renderHtml = (programs) => {
    const fileList = [];
    fs.readdirSync(path.join(__dirname, `../programs/${programs}/pug/`)).forEach(file => {
        if (/\.pug$/.test(file)) {
            const name = `${file}`.replace('.pug', '');
            fileList.push({
                name,
                file
            });
        }
    });
    return fileList.map(file => {
        return new HtmlWebpackPlugin({
            filename: file.name + '.html',
            template: path.join(__dirname, `../programs/${programs}/pug/${file.file}`)
        });
    });
   };

   export default renderHtml;

И я использую это так в моем файле webpack.config.babel.js

plugins: [
        ...
        new VueLoaderPlugin(),
        ...renderHtml(programs)
    ]

Answer 1

Как я понимаю из этого обсуждения,html-webpack-plugin внесены некоторые существенные исправления в производительность нескольких записей в v4.0.0, хотя это все еще бета. По крайней мере, обновление исправило для меня проблемы с производительностью с горячей перезагрузкой, перекомпилировав даже неизмененные файлы.

Так что, возможно, измените свою версию в package.json кому:

"html-webpack-plugin": "^4.0.0-beta.11",

С последующим:

npm install

Должен решить вашу проблему.