先介绍一下Babel转码器: Babel是一个转换工具,可以把es6转换为es5,es6是2015年发布下一代javascript语言标准,它引入了新的语法和API,使我们编写js代码更加得心应手,但是呢,这些js新特性只能被最新版本额浏览器支持,低版本的浏览器并不支持,那么这个时候呢低版本浏览器就需要借助一个转换工具,把es6代码转换成浏览器能识别的代码,babel就是这样的一个工具,它是javascript语法的编译器 现在我们来进行安装 (1)安装babel转码器 在你当前目录下输入cmd进入命令窗口 输入npm install --global babel-cli 查看是否安装成功:babel --version
test.js和.babelrc都是自己创建的 (2)在test.js中用es6编码 let a = 5; const b = 10; let input = [1,2,3]; input.map(item => item+1); (3)配置.babelrc,存放在项目的根目录下 presets字段设定转码规则,将es2015规则加入.babelrc { "presets":["es2015"], "plugins":[] } (4)安装es2015的转码器,在项目中安装:npm install --save-dev babel-preset-es2015 (5)进行转码 转码格式如下:
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
————————————————
版权声明:本文为CSDN博主「mameng1998」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/mameng1988/article/details/109384670
这样我们就完成了es6-es5的转码了
|