Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 为不同的目标创建多个Web包捆绑包,并让浏览器根据功能进行选择?_Webpack_Cross Browser_Babel Polyfill - Fatal编程技术网

Webpack 为不同的目标创建多个Web包捆绑包,并让浏览器根据功能进行选择?

Webpack 为不同的目标创建多个Web包捆绑包,并让浏览器根据功能进行选择?,webpack,cross-browser,babel-polyfill,Webpack,Cross Browser,Babel Polyfill,为了支持较旧的浏览器,我需要导入Babel的polyfill和较新的特性,这些特性会产生很短的代码,需要扩展为更详细的代码,从而产生臃肿的包 我希望Web包输出多个捆绑包: 较新的浏览器不需要polyfill,可以使用承诺、箭头函数和async/await。这意味着代码包可以更小,加载速度更快 较旧的浏览器获得的捆绑包包含的内容较多,加载速度较慢 一旦有了这两个包,我如何确定要加载哪个包脚本?我想我可以对窗口进行检查。承诺或类似的事情,但不确定需要检查的所有内容。您考虑过使用polyfill

为了支持较旧的浏览器,我需要导入Babel的polyfill和较新的特性,这些特性会产生很短的代码,需要扩展为更详细的代码,从而产生臃肿的包

我希望Web包输出多个捆绑包:

  • 较新的浏览器不需要polyfill,可以使用承诺、箭头函数和
    async
    /
    await
    。这意味着代码包可以更小,加载速度更快
  • 较旧的浏览器获得的捆绑包包含的内容较多,加载速度较慢

一旦有了这两个包,我如何确定要加载哪个包脚本?我想我可以对
窗口进行检查。承诺
或类似的事情,但不确定需要检查的所有内容。

您考虑过使用polyfill.io吗?它嗅探浏览器,只在需要时提供一组多边形填充。我不知道那个库。谢谢它不会涵盖
async
/
wait
,但至少它会获得
数组
函数和
承诺
。没错,新语法将需要透明。您测量过有无透明的捆绑包大小吗?生成多个捆绑包是一项艰巨的工作,您应该知道您将获得什么。这可能不值得。您考虑过使用polyfill.io吗?它嗅探浏览器,只在需要时提供一组多边形填充。我不知道那个库。谢谢它不会涵盖
async
/
wait
,但至少它会获得
数组
函数和
承诺
。没错,新语法将需要透明。您测量过有无透明的捆绑包大小吗?生成多个捆绑包是一项艰巨的工作,您应该知道您将获得什么。这可能不值得。