babel-preset-env使用介绍

最新推荐文章于 2024-12-13 17:40:31 发布

转载最新推荐文章于 2024-12-13 17:40:31 发布 · 788 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/smart-girl/p/11048843.html

文章标签：

#javascript #移动开发 #ViewUI

本文介绍了babel转码神器babel-preset-env。因不同浏览器、平台及模块对es6、es7、es8支持不同，需按需转码。文中说明了其安装和使用方法，如在babel配置文件中的配置，还介绍了targets、targets.node、targets.browsers、modules等选项的设置。

本文介绍一个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

转载于:https://www.cnblogs.com/smart-girl/p/11048843.html