我使用以下代码在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中的配置。