babel 升级 7.X 踩坑记录

最新推荐文章于 2024-05-16 03:21:56 发布

转载最新推荐文章于 2024-05-16 03:21:56 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c4fbca4f265da615e05d3e0

文章标签：

#webpack #javascript #ViewUI

本文分享了从头搭建项目时遇到的Babel升级至7.X的问题及解决方案，包括包名变化、.babelrc文件调整及废弃的stage-*系列替换等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天手动配置 webpack.config 从头搭建项目，发现 babel 系列普遍升级导致项目启动报错，解决之后将 babel 升级 7.X 之后的一些坑和注意点记录一哈。

升级总结

babel 包名改变，以前安装是 npm i babel-* 现在安装 babel 系列需要写成 npm i @babel/*
.babelrc 文件写法改变，preset plugins 等全部写成 @babel/* 的形式


npm:
- babel-preset-env
+ @babel/preset-env
- babel-preset-react
+ @babel/preset-react
- babel-preset-stage-0

.babelrc:
- "presets": ["react", "env", "stage-0", "mobx"]
+ "presets": ["@babel/preset-react", "@babel/preset-env", "mobx"]

复制代码