本文介紹一個babel轉碼神器babel-preset-env
簡介
現現在不一樣的瀏覽器和平臺chrome, opera, edge, firefox, safari, ie, ios, android, node, electron
不一樣的模塊 "amd" , "umd" , "systemjs" , "commonjs"
這些es運行環境對es6,es7,es8支持不一,有的支持好,有的支持差,爲了充分發揮新版es的特性,咱們須要在特定的平臺上執行特定的
轉碼規則,說白了就像是按需轉碼的意思
1.安裝html
npm install --save-dev babel-preset-env
2.使用
1.在babel配置文件中node
{ "presets": ["env"] }
上面這個配置的做用和babel-prset-latest的做用一致也就是下面這個配置android
{ "presets": ["latest"] }
2.babel-preset-env能夠設置一些選項,這裏就介紹幾種,有興趣本身去看英文文檔
targets 指定運行環境
targets.node 指定node版本
targets.browsers 指定瀏覽器版本
modules 指定何種形式的模塊,設置爲false表示不轉碼模塊
具體配置書寫方式以下ios
{ "presets": [ ["env",{ "targets": { "chrome": 52, "browsers": ["last 2 versions","safari 7"] } }] ] }