分享：Babel7的配置

Babel是一个JavaScript编译器。
Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
从7版本，Babel的安装和之前是有区别的，这在安装的时候，要注意写对包名。
7的安装方式：
npm install --save-dev @babel/core @babel/cli @babel/preset-env npm install --save @babel/polyfill
之前的版本中，babel前边没有@符号。
上述命令是安装的当前开发的工作空间，如需全局安装，请把参数换成-g。
在工程的目录下边新建babel.config.js文件，当然新建6版本所使用的.babelrc文件也是能够进行使用的。
babel.config.js文件内容示例，targets是目标的浏览器版本，这个可以实际使用中进行修改。

const presets = [  [  "@babel/env",  {    targets: {       edge: "17", firefox: "60", chrome: "67", safari: "11.1",
},
useBuiltIns: "usage",   },  ], ];
module.exports = { presets };

执行转换脚本的命令，针对文件夹的命令，也可以针对单个文件进行转换。
./node_modules/.bin/babel src --out-dir lib
./node_modules/.bin/babel sample.js -o buildenv.js
可以在package.json中进行执行脚本的配置：

7版本中，presets中没有类似于es2015的设置了，在7版本中，应该是设置@babel/preset-env，参加下列的英文说明：
@babel/preset-es2015@7.0.0-beta.53:

分享：Babel7的配置相关推荐

数据库断线重连_干货分享—Niushop数据库配置
前几期阿牛ger主讲了代码编码规范,整洁规范的代码有利于我们查询和再次开发,也方便我们检测与修复bug!这期,阿牛ger主要与大家分享数据库编码配置: 数据库配置 Niushop数据库配置方式与thi ...
thinkphp连接远程数据库慢_干货分享—Niushop数据库配置
发表于2020-10-21 18:24:37 3前几期阿牛ger主讲了代码编码规范,整洁规范的代码有利于我们查询和再次开发,也方便我们检测与修复bug!这期,阿牛ger主要与大家分享数据库编码配置: ...
干货分享—Niushop数据库配置
前几期阿牛ger主讲了代码编码规范,整洁规范的代码有利于我们查询和再次开发,也方便我们检测与修复bug!这期,阿牛ger主要与大家分享数据库编码配置: 数据库配置 Niushop数据库配置方式与thi ...
freescale imx6 编译 linux ltib,TQIMX6Q技术分享——LTIB安装配置（转）
TQIMX6Q_BASEC开发板是天嵌科技在2015年重磅推出的顶级开发平台,采用飞思卡尔的I.MX6Q芯片,真四核运行,1G Hz主频,2G DDR3内存,8G EMMC FALSH.TQIMX6Q ...
Android官方开发文档Training系列课程中文版：分享文件之配置文件共享
原文地址:http://android.xsoftlab.net/training/secure-file-sharing/index.html 导言 APP经常需要给其它的APP提供一个或多个文件. ...
(原创)ShareSDK-iOS端分享各平台配置总结_iOS10+最新版
前言:最近做分享用到ShareSDK,踩了不少坑,尤其是新浪,浪费了好多时间去研究..本文目的就是总结一下,以便自己以后遇到分享可以更快的集成,对于不太熟悉sharesdk的童鞋也可以看一哈,这波很关 ...
渗透测试技术分享——nginx日志配置
Nginx 日志配置 0x00 前言日志使用用来进行数据统计.问题排错的重要手段.本文主要介绍 nginx 日志相关的配置如 access_log.log_format.log_not_found. ...
微信分享接口，配置参数后无效分析
常有一些微信内分享自定义内容的需求,遇到几个小问题,分析记录于此接手外包项目,修改其中微信分享朋友/朋友圈的功能此功能微信提供了两个接口 updateTimelineShareData(分享朋友圈 ...
经验分享 | 通过adbd配置漏洞在安卓设备上提升权限
近日,Android上的一个本地提权漏洞已被确认,该漏洞可通过设备上运行的Android Debug Bridge Daemon(adbd)被利用. 如果一个安卓设备被发现正在运行于TCP端口监听的a ...

分享：Babel7的配置

分享：Babel7的配置相关推荐

最新文章

热门文章