1

我正在wirejs使用requirejs. 对于 IE 8，我使用 polyfills: cujo/polyjs 库并要求在加载之前预加载此库wirejs。

如果我用作curlAMD 加载程序，根据文档，我有以下可用选项：

curl({ preloads: [ "poly" ] });

对我有用的是：

// in index.html

<script data-main="js/app" src="js/lib/require.js"></script>

// in js/app.js

define(function(){
   // set configuration options
   requirejs.config({// set config with paths});

   // require the library and HOPE it will load before
   // everything else!
   require(['poly']);

});

本文档建议shim为此目的使用 config。但是，我一直无法弄清楚如何。我尝试过的一些事情：

// DID NOT WORK!!
requirejs.config({

....
"shim": {
   "poly": {
     "exports": "poly"
    }
 }
});

有没有更好的方法来解决这个问题？

任何帮助表示赞赏！...感谢您的时间！

4

2 回答 2

5

我确实将 RequireJS 与 polyfill 一起使用，但我不使用 RequireJS 来加载它们。polyfill 的目标是使缺少功能 X 的浏览器看起来好像实际上具有功能 X。我更喜欢我运行的所有代码（除了 polyfill 本身）已经与 polyfill 一起运行的设置加载，以便代码以相同的可用功能集运行，无论哪种浏览器运行代码。所以我也希望在 RequireJS 之前加载我的 polyfill。

但是如果我们忽略这个偏好，是否可以使用 RequireJS 来加载 polyfill？是的，但 RequireJS 不会让它变得容易。没有简单的方法可以告诉 RequireJS“必须在加载其他任何内容之前加载这段代码”，这就是你想要的 polyfills。您需要做的是手动调用require，以便首先加载您的 polyfill。你index.html可能是这样的：

<script>
    require = {
       // Your config.
       //
       // Setting a global require before loading RequireJS is one way to give it
       // a config.
    };
</script>
<script src="js/lib/require.js"></script>
<script>
    // No data-main above...
    //
    // This double require ensures that the polyfills are loaded first.
    require(["poly"], function () {
        require(["js/app"]);
    });
</script>

js/app.js变成：

define(function(){
    // whatever...
});

在可能有多个入口点的大型应用程序中js/app，每次要从 RequireJS 模块外部加载模块时，都必须像上面那样使用双重要求，以确保首先加载 polyfill。

于 2014-08-22T19:09:49.593 回答
2

我遇到了同样的问题，我的解决方案是让 Require.js 为我加载 polyfills 作为依赖项。你可以在这个要点中看到我是如何结合Conditioner.js解决它的，但是没有它的解决方案是一样的。

我选择了检测加载 polyfill 的功能，因此较新的浏览器不会发出不必要的请求。特征检测使这个特定的解决方案更加出色。

在你的index.html：

<script src="/js/require.js" data-main="/js/main"></script>

在文件中/js/main.js：

var _polyfills = [];
if (!('classList' in document.documentElement)) {
    _polyfills.push('polyfills/classList');
}
// ... more feature detects & polyfills ...

require(['bootstrap'].concat(_polyfills), function(bootstrap) {
    bootstrap.run(); // Bootstrap your app here!
});
于 2015-05-19T21:31:14.493 回答