怎樣設置babel-polyfill

Babel 包括一個墊片,這個墊片包含定製過的regenerator runtimecore-jsnode

他會模擬es6環境,而且傾向在應用中使用而不是看成一個庫或者工具。在使用babel-node時會自動加載。webpack

這意味着你能夠使用新的內置的東西如PromiseweakMap等。靜態方法如Array.from Object.assign等。實例方法Array.prototype.includegenerator函數(建議你使用regenator插件).polyfill會添加到全局的環境中,做爲原生的原型如String那樣的方式執行。git

若是正在尋找那些不會定義到全局的庫或者插件,查看transform-runtime插件。這樣的話你就不可以使用上面提到的實例方法。如Array.prototype.includeses6

提示:
已使用ES2015的一些方法,不意味着你必需要使用babel-polyfill或者runtime plugin。你也許只是想要使用那些是須要用到的墊片(例如Object.assign),或者那些運行環境不存在須要加載的墊片。github

安裝

命令行web

npm install --save babel-polyfill

在Node/Browserify/webpack中使用

要使用墊片你須要在應用開頭的入口引入。
jsnpm

require("babel-polyfill")

若是你的英文入口使用ES6import語法,你應該在入口的開頭替代導入墊片,以保證他是最早加載的:
jssegmentfault

import 'babel-polyfill'

webpack.config.js中加入babel-polyfill到你的入口數組:
js數組

module.exports = {
    entry:["babel-polyfill","./app/js"]
}

在瀏覽器中使用

在用npm下載的babel-polyfill文件中找到dist/polyfill.js文件。這個須要你在babel編譯代碼以前引入。你能夠把它添加到你的編譯文件最前面或者用<script>標籤放到最前面。瀏覽器

相關文章
相關標籤/搜索