babel-preset-env使用介紹

聲明：文章轉自https://www.cnblogs.com/ye-hcj/p/7070084.html

本文介紹一個babel轉碼神器babel-preset-env

1. 簡介

   現現在不一樣的瀏覽器和平臺chrome, opera, edge, firefox, safari, ie, ios, android, node, electron 不一樣的模塊 "amd" ， "umd" ， "systemjs" ， "commonjs" 這些es運行環境對es6,es7,es8支持不一，有的支持好，有的支持差，爲了充分發揮新版es的特性，咱們須要在特定的平臺上執行特定的 轉碼規則，說白了就像是按需轉碼的意思

2. 安裝

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

3. 使用

   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"] } }] ] }