码迷,mamicode.com
首页 > 其他好文 > 详细

ES6转ES5(Babel转码器)

时间:2021-04-19 15:14:32      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:mpi   es6   lock   命令   目录   lob   -o   http   init   

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转码器)

标签:mpi   es6   lock   命令   目录   lob   -o   http   init   

原文地址:https://www.cnblogs.com/yuyueq/p/14669056.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!