簡介
本文介紹一個babel轉(zhuǎn)碼神器babel-preset-env
現(xiàn)如今不同的瀏覽器和平臺chrome, opera,edge, firefox, safari, ie, ios, android, node, electron不同的模塊"amd","umd"毅该,"systemjs"博秫,"commonjs"這些es運行環(huán)境對es6,es7,es8支持不一潦牛,有的支持好,有的支持差挡育,為了充分發(fā)揮新版es的特性巴碗,我們需要在特定的平臺上執(zhí)行特定的轉(zhuǎn)碼規(guī)則,說白了就像是按需轉(zhuǎn)碼的意思
安裝
npminstall--save-dev babel-preset-env
使用
1.在babel配置文件中{"presets": ["env"]}上面這個配置的作用和babel-prset-latest的作用一致也就是下面這個配置{"presets": ["latest"]}
2.babel-preset-env可以設(shè)置一些選項即寒,這里就介紹幾種橡淆,有興趣自己去看英文文檔targets 指定運行環(huán)境targets.node 指定node版本targets.browsers 指定瀏覽器版本modules 指定何種形式的模塊,設(shè)置為false表示不轉(zhuǎn)碼模塊具體配置書寫方式如下
{"presets": [??
? ? ? [
????????????"env",
????????????{
????????????????"targets": {"chrome": 52,"browsers": ["last 2 versions","safari 7"] ? } ? ? ?
????? }]? ?
?]}