在Webpack4中,如何在一个条目上只拆分块?
我有两个条目:page1.js,page2.js 我不想提取两个条目之间的共享代码。我只想提取page2.js中使用的节点_模块在Webpack4中,如何在一个条目上只拆分块?,webpack,webpack-4,webpack-splitchunks,Webpack,Webpack 4,Webpack Splitchunks,我有两个条目:page1.js,page2.js 我不想提取两个条目之间的共享代码。我只想提取page2.js中使用的节点_模块 如何在第4页中实现这一点?谢谢。您可以使用以下配置: splitChunks { vendor: { name: 'vendor', chunks: 'all', test: /node_modules/ } } 从官方文档中,有多个条目将为每个条目创建单独的依赖关系图 const-config={ 条目:{ 第一页:'./src/
如何在第4页中实现这一点?谢谢。您可以使用以下配置:
splitChunks {
vendor: {
name: 'vendor',
chunks: 'all',
test: /node_modules/
}
}
从官方文档中,有多个条目将为每个条目创建单独的依赖关系图
const-config={
条目:{
第一页:'./src/page1.js',
第二页:'./src/page2.js',
},
输出:{
path:path.resolve(uu dirname,'dist')
}
};代码>preload.js包含什么?你能在git上创建一个可复制的最小示例吗?preload.js
应该是page1.js
,index.js
应该是page2.js
。对不起,名字不清楚。在这里,page1.js
包含的内容不会影响任何内容。现在,默认情况下,Webpack4会自动进行优化。它分析您的依赖关系图,并根据以下条件创建最佳捆绑包(输出):新块可以共享,或者模块来自node_modules文件夹新块将大于30kb(在min+gz之前)长版本按需加载块时的最大并行请求数:但如果您仍想按照要求的方式执行,只需在github上设置一点exampel repo,我会查看一下。OP询问Webpack 4,commonchunkplugin
不存在。它不存在,因为它正在从两个页面中提取node\u模块。