## 一、概述 Polyfill 是一塊代碼（通常是 Web 上的 JavaScript），用來為舊瀏覽器提供它沒有原生支持的較新的功能。 比如說 polyfill 可以讓 IE7 使用 Silverlight 插件來模擬 HTML Canvas 元素的功能，或模擬 CSS 實現 rem 單位的支持，或 text-shadow，或其他任何你想要的功能。 >[danger] 我們希望瀏覽器提供一些特性，但是沒有，然后我們自己寫一段代碼來實現他，那這段代碼就是Polyfill 。 ## 二、babel-polyfill Babel默認只轉換新的JavaScript句法（syntax），而不轉換新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局對象，以及一些定義在全局對象上的方法（比如Object.assign）都不會轉碼。 舉例來說，ES6在Array對象上新增了Array.from方法。Babel就不會轉碼這個方法。如果想讓這個方法運行，必須使用babel-polyfill，為當前環境提供一個墊片。 ## 三、安裝 ``` npm ?install --save babel-polyfill ``` ``` import ?'babel-polyfill' 或 require("babel-polyfill") ``` 在webpack.config.js中加入babel-polyfill到你的入口數組； ``` module.exports= { entry:["babel-polyfill","./app/js"]} ```