如何在不产生新块的情况下分割webpack条目
如何在不产生新块的情况下分割webpack条目
提问于 2019-08-22 12:49:38
我需要对webpack做以下几件事：
entry: common.js, one.js, two.js
output: common.bundle.js, one.bundle.js, two.bundle.js其中：
common.js:包含常见的特性
one.js:依赖于common.js
two.js:依赖于one.js和common.js
早些时候，我使用webpack 3，这是生成这样的包的默认行为。现在我和webpack 4在一起，我跑不了
当我使用默认的webpack 4配置运行它时，我得到的是：
common.bundle.js -(确定)
one.bundle.js:包含common.bundle.js代码(错误，应该只引用common.bundle.js)
two.js:包含common.bundle.js和one.bundle.js代码(错误，只应该引用common.bundle.js和one.bundle.js)
Stack Overflow用户
发布于 2019-08-26 13:18:12
如果有人有类似的情况，我用以下配置解决了这个问题：
"entry": {
"main": "main.js"
},
"output": {
"filename": "[name].module.js",
"path": "./dist"
},
"optimization": {
"splitChunks": {
"cacheGroups": {
"common": {
"test": /common/,
"name": "common",
"chunks": "initial",
"enforce": true
},
"one": {
"test": /one/,
"name": "one",
"chunks": "initial",
"enforce": true
},
"two": {
"test": /two/,
"name": "two",
"chunks": "initial",
"enforce": true
},
}
}
}最后，我有以下输出：
main.module.js，
common.module.js，
one.module.js
two.module.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57609753
复制相关文章
相似问题
腾讯云开发者
