考虑使用 @babel/preset-modules

[Diablohu]

https://github.com/babel/preset-modules

[Diablohu]

<!-- polyfill for legacy browsers -->
<script nomodule type="text/javascript" src="<%- pathname('polyfill.js') %>"></script>

<!-- import main -->
<script type="module" src="<%- pathname('modern.js') %>"></script>
<script nomodule type="text/javascript" src="<%- pathname('legacy.js') %>"></script>

https://youtu.be/QDljY2I1Pfw?t=974

[Diablohu]

可行的做法

• 生成 client Webpack 配置时，复制一份，复制的配置对象添加 legacy 或 modern 标记
• 生成 babel-loader 时，根据标记决定使用 env 还是 module
• 注意 SPA 的 inject 脚本