babel编译js文件
  TEZNKK3IfmPf 2023年11月14日 17 0
js
# 安装
$ cnpm install --save-dev @babel/core @babel/cli

# 转换
$ ./node_modules/.bin/babel script.js
# 或者
$ npx babel script.js

要编译的文件
script.js

[1, 2, 3].map(n => n + 1);

编译测试

# 编译(发现没有变化)
$ npx babel script.js 
[1, 2, 3].map(n => n + 1);


# 安装插件
$ cnpm i -D @babel/plugin-transform-arrow-functions


# 指定插件
$ npx babel script.js --plugins=@babel/plugin-transform-arrow-functions

[1, 2, 3].map(function (n) {
  return n + 1;
});

常用参数
–out-file/-o 指定输出文件名
–watch/-w 监控文件变化
–out-dir/-d 指定输出文件夹

使用presets

preset-env 处理es6+规范语法的插件集合

$ cnpm install --save-dev @babel/preset-env

新建配置文件 babel.config.json

{
    "presets": [
        [
            "@babel/env"
        ]
    ]
}

编译测试
demo.js

var name = () => {};
$ npx babel demo.js

编译结果

"use strict";

var name = function name() {};
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月29日   77   0   0 标签js
  TEZNKK3IfmPf   2024年03月29日   20   0   0 js
  TEZNKK3IfmPf   2023年11月15日   27   0   0 ajaxjs
  TEZNKK3IfmPf   2023年11月15日   161   0   0 cssjshtml5
  TEZNKK3IfmPf   2023年11月15日   30   0   0 javajavascriptjs
  TEZNKK3IfmPf   2023年11月15日   58   0   0 htmljavajs
  TEZNKK3IfmPf   2023年11月15日   37   0   0 csshtmljs
  TEZNKK3IfmPf   2023年11月15日   32   0   0 csshtmljs
  TEZNKK3IfmPf   2023年11月15日   26   0   0 htmlvuejs
TEZNKK3IfmPf