webpack4 + splitChunks + 多入口, 怎么实现公共代码在公共文件夹?

Question

webpack4 + splitChunks + 多入口, 怎么实现公共代码在公共文件夹, 入口公共代码在入口文件夹?

问题描述

我的应用是个多页面应用, 入口分别是
src/a/index.js
src/b/index.js

a页面打包成a.js
b页面打包成b.js
其中a入口和b入口都有公共代码 x.js
a中有公共代码 x-a.js
b中有公共代码 x-b.js

我现在想实现output的效果如下
build/x.js

build/a/a.js
build/a/x-a.js

build/b/b.js
build/b/x-b.sj

问题描述的比较抽象, 不知道是否明白?? 是否可行??

Answer 1

可行肯定是可行的，可以通过定制插件来实现。不过意义并不是很大，因为生成的文件本身就不归我们管理，我们其实没必要去知道他是怎么生成的。