babel-preset-env使用介紹

本文介紹一個babel轉碼神器babel-preset-env
簡介
現如今不同的瀏覽器和平台chrome, opera, edge, firefox, safari, ie, ios, android, node, electron
不同的模塊 "amd" ， "umd" ， "systemjs" ， "commonjs"
這些es運行環境對es6,es7,es8支持不一，有的支持好，有的支持差，為了充分發揮新版es的特性，我們需要在特定的平台上執行特定的
轉碼規則，說白了就像是按需轉碼的意思
1.安裝

npm install --save-dev babel-preset-env

2.使用
1.在babel配置文件中

{
    "presets": ["env"]
}

上面這個配置的作用和babel-prset-latest的作用一致也就是下面這個配置

{
    "presets": ["latest"]
}

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

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

本文轉載自：https://www.cnblogs.com/ye-hcj/p/7070084.html