Error: Plugin/Preset files are not allowed to export objects, only functions.

本文分享了从旧版本Babel升级到Babel 7.4.4的实践经验,包括预设插件更新、npm安装与卸载技巧,以及如何正确执行编译命令以生成目标文件。

之前看的一些babel编译教程,用的都是老版本的babel 预设和插件,今天看了babel官网的使用指南和cli安装教程,安装了最新的babel 7.4.4 @babel/core 和 @babel/cli ,导致在做类似编译练习时报错,怎么也编译不了。

看了简书的一篇文章才终于搞明白( https://www.jianshu.com/p/e21d19875fbb ),最新的babel7.4.x 舍弃了以前的 babel-- 的命名方式,改成了 @babel/-,需要把之前的预设插件全部卸载然后重新安装同样命名方式的@babel/- 插件。然后再重新编译,没问题了。

这么一折腾,对npm的安装和卸载也熟悉了一边,终于搞明白了来龙去脉。

npm install [proName] --save-dev(依赖选项) 安装
npm un [proName] 卸载

最新的babel编译需要执行 npx babel fileName.js 这样只会在cmd操作界面显示编译后的结果。如果想要生成对应的文件npx babel fileName.js --out-file fileName-compiled.js,这里也可以加路径。

直接对整个项目文件进行编译 npx babel src --out-dir lib

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值