javascript - 如何使用 RequireJS 仅在需要时包含 polyfill

Question

我只想为不支持媒体查询的浏览器加载 Respond.js polyfill。我使用 RequireJS 来管理我的 js 文件，并使用 Modernizr 来检测功能支持。

仅当浏览器不支持媒体查询时，让 RequireJS 加载 Respond.js 的最佳方式是什么？

我看到了这个答案并且它有效，但是有更好的方法吗？当我添加更多的polyfills时，我将不得不一遍又一遍地重复这个？:RequireJS: Conditionally Load Polyfill Using Modernizr

我的代码如下所示，包含在我的主要 require 语句中:

if (Modernizr.mq('only all')) {
  require(['plugins/respond'], function(){});
}

Answer 1

最简单的方法是获取包含 Yepnope.js 的 Modernizr 包。然后你可以这样有条件地加载:

Modernizr.load({
    test: Modernizr.mq('only all'),
    yep: '',
    nope: 'plugins/respond.js'
});

不幸的是，是的，您必须对您想要使用 Polyfill 支持的每项功能执行此操作。 yep 属性允许您在该功能存在时加载脚本。