ES6转ES5(Babel转码器)

编程之家收集整理的这篇文章主要介绍了ES6转ES5(Babel转码器)编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ES6转ES5(Babel转码器)

前提:必须在VScode中已经安装了Node.js 官网:https://nodejs.org/en/

一、安装命令行转码工具

npm install --global babel-cli
#查看是否安装成功
babel --version

二、初始化项目

npm init -y

三、新建名为“.babelrc”文件

{  
"presets": [],"plugins": []
}

presets字段设定转码规则,将es2015规则加入 .babelrc:
{
    "presets": ["es2015"],"plugins": []
}

四、安装转码器

npm install --save-dev babel-preset-es2015

五、转码

# 转码结果写入一个文件
mkdir dist1
# --out-file 或 -o 参数指定输出文件
babel src/example.js --out-file dist1/compiled.js
# 或者
babel src/example.js -o dist1/compiled.js
# 整个目录转码
mkdir dist2
# --out-dir 或 -d 参数指定输出目录
babel src --out-dir dist2
# 或者
babel src -d dist2 

主要是觉得前端的东西有时候不常用,就会遗忘,所以在此做个记录,以防忘记后,又得搜索一些相关的资料。

总结

以上是编程之家为你收集整理的ES6转ES5(Babel转码器)全部内容,希望文章能够帮你解决ES6转ES5(Babel转码器)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群
编程之家官方2群
编程之家官方3群
编程之家官方4群

相关文章

猜你在找的ES6相关文章

ES6转ES5(Babel转码器) 前提:必须在VScode中已经安装了Node.js 官网:https://nodejs.org/en/ 一、安装命令行转码工具 npm install --glob
Map介绍 ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实现了iterator接口,所以可以使用【扩展
Object.fromEntries //二维数组 const result = Object.fromEntries([ ['name','Study
扩展运算符 [...]扩展运算符能将【数组】转换为逗号分隔的【参数序列】 //声明一个数组 const tfboys = ['y','w&#39
简化对象写法 ES6允许再大括号里面,直接写入变量和函数,作为对象的属性和方法。 遮眼法的书写更加简洁 let name = 'study'; let change =
函数参数默认值 ES6允许给函数参数赋值初始值 //1.形参初始值 具有默认值的参数,一般位置要靠后(潜规则) function add(a,b,c=10){ return aʻʼ } let
数值扩展 //0. Number.EPSILON 是 JavaScript 表示的最小精度 EPSILON 属性的值接近于 2.2204460492503130808472633361816E-16
ES6引入rest参数,用于获取函数的实参,用来替代arguments //ES5获取实参的方式 function date(){ console.log(arguments);//对象 } date
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注