Webpack 为不同的目标创建多个Web包捆绑包,并让浏览器根据功能进行选择?
为了支持较旧的浏览器,我需要导入Babel的polyfill和较新的特性,这些特性会产生很短的代码,需要扩展为更详细的代码,从而产生臃肿的包 我希望Web包输出多个捆绑包:Webpack 为不同的目标创建多个Web包捆绑包,并让浏览器根据功能进行选择?,webpack,cross-browser,babel-polyfill,Webpack,Cross Browser,Babel Polyfill,为了支持较旧的浏览器,我需要导入Babel的polyfill和较新的特性,这些特性会产生很短的代码,需要扩展为更详细的代码,从而产生臃肿的包 我希望Web包输出多个捆绑包: 较新的浏览器不需要polyfill,可以使用承诺、箭头函数和async/await。这意味着代码包可以更小,加载速度更快 较旧的浏览器获得的捆绑包包含的内容较多,加载速度较慢 一旦有了这两个包,我如何确定要加载哪个包脚本?我想我可以对窗口进行检查。承诺或类似的事情,但不确定需要检查的所有内容。您考虑过使用polyfill
- 较新的浏览器不需要polyfill,可以使用承诺、箭头函数和
/async
。这意味着代码包可以更小,加载速度更快await
- 较旧的浏览器获得的捆绑包包含的内容较多,加载速度较慢
一旦有了这两个包,我如何确定要加载哪个包脚本?我想我可以对
窗口进行检查。承诺或类似的事情,但不确定需要检查的所有内容。您考虑过使用polyfill.io吗?它嗅探浏览器,只在需要时提供一组多边形填充。我不知道那个库。谢谢它不会涵盖async
/wait
,但至少它会获得数组
函数和承诺
。没错,新语法将需要透明。您测量过有无透明的捆绑包大小吗?生成多个捆绑包是一项艰巨的工作,您应该知道您将获得什么。这可能不值得。您考虑过使用polyfill.io吗?它嗅探浏览器,只在需要时提供一组多边形填充。我不知道那个库。谢谢它不会涵盖async
/wait
,但至少它会获得数组
函数和承诺
。没错,新语法将需要透明。您测量过有无透明的捆绑包大小吗?生成多个捆绑包是一项艰巨的工作,您应该知道您将获得什么。这可能不值得。