Webpack 4 создает несколько файлов поставщиков для каждого динамического импорта

Question

Я использую следующий код для импорта файла поставщика в Webpack 4:

setTimeout(() => {
    import(
        /* webpackChunkName: "brace_modes" */
        /* webpackMode: "lazy" */
        /* webpackPrefetch: true */
        './brace_modes'
    );
}, 0);

Файл brace_modes.js:

import 'brace/mode/c_cpp';
import 'brace/mode/csharp';
import 'brace/mode/css';
import 'brace/mode/html';
import 'brace/mode/java';
import 'brace/mode/javascript';
import 'brace/mode/json';
import 'brace/mode/plain_text';

Моя проблема заключается в том, что при компиляцииWebpack создает 2 отдельных файла для этого импорта, например:

brace_modes.eaf5fc4fecd3199ea30d.jsvendors ~ brace_modes.eaf5fc4fecd3199ea30d.js

Это приводит к загрузке 2 отдельных файлов браузером во время выполнения, что снижает производительность.Это новое поведение в Webpack 4;Я не видел, чтобы это происходило при использовании Webpack 2. Как я могу сказать Webpack не использовать отдельный файл vendors~?

Как я знаю, я не изменил конфигурацию для этого в webpack.config.js любым способом.