es6转es5的转码器babel的安装与使用

朴灿烈づ我的快乐病毒、 2022-11-20 06:57 253阅读 0赞

1、babel是转码器，把es6代码转换成es5代码；因为es6代码的浏览器兼容性差，而es5的浏览器兼容性好。
2、安装命令行转码工具：npm install —global babel-cli ,查看是否安装成功：babel —version
在这里插入图片描述

3、创建js文件，用es6编码
4、配置.babelrc,存放在项目的根目录下，该文件用来设置转码规则和插件，基本格式如下：

  1. { 
  2.       "presets":[],
  3.       "plugins":[]
  4. }

presets字段设定转码规则，将es2015规则加入.babelrc

  1. { 
  2.       "presets":["es2015"],
  3.       "plugins":[]
  4. }

在这里插入图片描述

5、安装es2015的转码器，在项目中安装:npm install —save-dev babel-preset-es2015
在这里插入图片描述

6、转码

  • 1 文件转码

    转码结果写入文件

    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

发表评论

表情：
评论列表 （有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读