关于`babel-loader`和`babel-core`版本兼容性问题

  1. 安装babel-loader和babel-core出现问题

1.1 安装babel的转换工具包:

npm i babel-core babel-loader babel-plugin-transform-runtime -D

1.2 安装完成后package.json中显示:

“dependencies”: {
“babel-core”: “^6.26.3”,
“babel-loader”: “^8.0.5”,

},

1.3 注意:package.json中的信息显示,在npmjs.com仓库中babel-core最新版本是6.26.3,同时babel-loader最新版本是8.0.5,但是这里报了一个警告:

npm WARN babel-loader@8.0.5 requires a peer of @babel/core@^7.0.0 but none is installed.

  1. 关于上述问题的解答:

2.1 babel-loader@8.x是webpack用于Babel 7.x的一个整合loader模块,Babel 7.x已经把所有的相关的包从babel-迁移到了@babel的npm环境仓库。

所以上述警告是合适的,你可以通过使用@babel/core代替babel-core来安装:

npm i @babel/core -D

2.2 如果你希望安装Babel 6.x,你可以使用下面的命令:

npm i babel-core babel-loader@7 babel-plugin-transform-runtime -D

2.3 如果你想使用Babel 7,理论上你可以使用下面的命令安装:

npm i @babel/core babel-loader babel-plugin-transform-runtime -D

2.4 参考资料来自

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值