ES6学习（一）— Babel转码器的使用和配置

ES6学习（一）— Babel转码器的使用和配置

ES6学习（一）— Babel转码器的使用和配置

Babel转码器

Babel转码器使用的步骤

步骤一

在项目中，安装Babel转码器（n前面可以加个c这样安装速度会快一些）

语法：​​(c )npm install --save-dev @babel/core​​

步骤二

配置文件​​.babelrc​​,存放在项目的根目录下，使用Babel的第一步，就是配置整个文件 该文件用来配置转码规则和插件，基本格式如下：

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

步骤三

presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装(这里我安装的是第一个)

最新转码规则：

(c)npm install --save-dev @babel/preset-env

react规则:

(c ) npm install --save-dev @babel/preset-react

步骤四

配置文件规则：将下面的规则加入​​.babelrc​​

将下面的规则加入.babelrc{ "presets":[ "@babel/ennv", "@babel/preset-react" ], "plugins":[]}

注意：因为我安装的是 env 所以只拿一个就好

步骤五

安装命令行工具：

npm install --save-dev @babel/cli

步骤六：

命令行进行转码

注意：​​npm​​​是安装包的管理工具，​​npx​​是调用你安装包执行的什么内容，转码结果输出到命令行窗口输出

基本语法如下：

语法二：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。