簡介

本文介紹一個(gè)babel轉(zhuǎn)碼神器babel-preset-env

現(xiàn)如今不同的瀏覽器和平臺chrome, opera,edge, firefox, safari, ie, ios, android, node, electron不同的模塊"amd"，"umd"，"systemjs"，"commonjs"這些es運(yùn)行環(huán)境對es6,es7,es8支持不一，有的支持好，有的支持差，為了充分發(fā)揮新版es的特性，我們需要在特定的平臺上執(zhí)行特定的轉(zhuǎn)碼規(guī)則，說白了就像是按需轉(zhuǎn)碼的意思

安裝

npminstall--save-dev babel-preset-env

使用

1.在babel配置文件中{"presets": ["env"]}上面這個(gè)配置的作用和babel-prset-latest的作用一致也就是下面這個(gè)配置{"presets": ["latest"]}

2.babel-preset-env可以設(shè)置一些選項(xiàng)，這里就介紹幾種，有興趣自己去看英文文檔targets 指定運(yùn)行環(huán)境targets.node 指定node版本targets.browsers 指定瀏覽器版本modules 指定何種形式的模塊，設(shè)置為false表示不轉(zhuǎn)碼模塊具體配置書寫方式如下

{"presets": [??

? ? ? [

????????????"env",

????????????{

????????????????"targets": {"chrome": 52,"browsers": ["last 2 versions","safari 7"] ? } ? ? ?

????? }]? ?

?]}