Extract dynamic import chunk and support filesystem cache

[liaoyu]

改动点

• 🌈 webpack 版本由 5.13.0 升级至 5.52.0
• ✨ dynamic import node_modules 下的包时，输出独立的 chunk bundle
  • 改动方式是将 splitChunks 插件的 chunks 参数由 all 改为 initial，即 dynamic import 的 chunk 不会全部抽取到 vendor 里，但公共的依赖仍然会抽到 vendor
• ✨ 增加 --unstable-cache 命令参数以启用 filesystem cache，对大型的前端仓库的打包速度提升比较明显
  • 之所以新增一个命令而不是默认开启，如官方的描述 filesystem cache 可能是不安全的（我目前测试下来未发现具体的 bug），所以选择稳定性大于性能的诉求，不设置为默认值的详细原因见第一个参考文档
  • 如遇到不预期的现象时需要手动清空缓存，可通过 fec-builder clean --unstable-cache 命令来操作

参考文档

1. https://github.com/webpack/changelog-v5/blob/master/guides/persistent-caching.md
2. https://webpack.js.org/configuration/cache
3. https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkschunks

测试用例

使用 filesystem cache 时 portal-fusion 第一次打包会比不启用缓存慢一点，但后面二次打包可以稳定在 10s 以下

dynamic import 打包测试是使用的 portal-pili