具有2个用webpack构建的Angular应用程序app1和app2,每个都有自己的供应商捆绑包,例如vendors-app1.js
和vendors-app2.js
。
是否有一种方法可以提取其中的公共位并创建包含它们的新捆绑包vendors-base.js
,以便在分别加载每个应用程序时使浏览器缓存公共文件?
我知道webpack的SplitChunksPlugin,并试图在单独的node_modules级别上解决此问题,因此两个应用程序都将获得类似vendors-app1-{module-name}.js
和vendors-app2-{module-name}.js
的东西,但是我观察到即使对于同一版本的module-name
中包含的内容不同。
有人解决过吗?既可以在应用程序构建步骤中,也可以在两者都构建之后。