RequireJS：使用Modernizr有條件地加載填充物

Question

如何將polyfill腳本包裝爲AMD模塊並使用Modernizr和RequireJS有條件加載它？

（想通了，而我正在起草我的問題 - 張貼的答案別人試圖做同樣的事情）

Answer 1

我需要加載的填充工具是jquery-placeholder對於不支持輸入佔位符的瀏覽器。它不提供開箱即用的AMD支持。

首先，我把它包作爲AMD模塊是這樣的：

define(['jquery'], function ($) { 
    (function(window, document, $) { 
    ... polyfill ... 
    }(this, document, jQuery)); 
}); 

然後在main.js我用Modernizr的有條件require()的填充工具腳本：

require(['jquery', 'modernizr'], function ($, Modernizr) { 
    if (!Modernizr.input.placeholder) { 
    require(['jquery', 'placeholder'], function ($) { 
     $('#input').placeholder(); 
    }); 
    } 
}); 

在你的榜樣