Как получить список файлов в комплекте в веб-пакете после treehake - PullRequest
0 голосов
/ 16 октября 2019

Я пытаюсь получить список файлов, которые попадают в мою сборку после установления связи с деревьями. Я использую константы условной компиляции для удаления кода dev / debug из комплекта, а Webpack хорошо работает с treehaking, я не нахожу никакого кода dev в полученной сборке. Но я хочу написать некоторый код, который бы проверял, не оказались ли некоторые dev-файлы в производственной сборке по ошибке.

Я пробовал NormalModuleReplacementPlugin, но Webpack по-прежнему загружает импорт, даже если он не используется, он долженпроанализируйте все источники, чтобы определить, является ли какой-либо из них мертвым кодом.

Я попытался добавить плагин к emit stage hook и пройтись по всем модулям и проверить ресурсы, но я все еще нахожу ссылки на мойТам есть файл кода разработчика, даже если они не попадают в получившуюся сборку.

class DevImportsMonitorPlugin {
    apply(compiler) {
        compiler.hooks.emit.tapAsync('DevImportsMonitor', (compilation, callback) => {
            compilation.chunks.forEach(chunk => {
                // explore chunk
                chunk.getModules().forEach(module => {
                    // explore modules
                })
            });
            callback();
        });
    }
}

Я поставил точку останова и исследовал контекст блоков и модулей, но он все еще содержит ссылки наdev / test modules.

Может быть, есть способ определить, может быть, какой модуль был удален из вывода?

1 Ответ

0 голосов
/ 16 октября 2019

Я только что попробовал это вчера, это довольно круто;https://www.excitoninteractive.com/articles/read/65/webpack4/step-by-step-bundle-analyzer-plugin

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...