Webpack 4为每个动态导入创建多个供应商文件

时间:2019-02-05 04:03:23

标签: javascript webpack

我使用以下代码在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.js
vendor〜brace_modes.eaf5fc4fecd3199ea30d.js

这将导致浏览器在运行时加载2个单独的文件,从而影响性能。这是Webpack 4中的新行为。使用Webpack 2时没有看到这种情况发生。如何告诉Webpack不要使用单独的vendors~文件?

据我所知,我没有以任何方式更改webpack.config.js中的配置。

0 个答案:

没有答案