Babel 6.x 到 Babel 7.x遇到的那些事

Zplunge

于 2019-09-11 09:51:05 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/weixin_42324210/article/details/100727333

版权

本文总结了在将Babel从6.x升级到7.x时遇到的挑战，包括安装包问题、webpack配置调整以及.bablerc文件的变更。在升级过程中，需注意.babelrc的命名更改，不再使用.babelrc，以及.babelrc中的presets配置变化，同时，babel-preset-es2015已被废弃，需卸载并更新相关配置。

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

Babel 6.X 到 7.X遇到的问题

- 正文

正文

今天学习React配置babel模块的时候，由于教程是去年的，使用的是 Babel 6.X，而如今 Babel 已经更新到了 Babel 7.X，所以遇到了不少小问题，翻了翻官方文档，现在总结下遇到的一些问题

安装包遇到的问题

//只写了与 babel 有关的 
"devDependencies" : {
	"@babel/core" : "^7.6.0",
	"@babel/plugin-transform-runtime" : "^7.6.0",
	"@babel/preset-env" : "7.3.1",
	"@babel/preset-react" : "^7.0.0",
	"babel-loader" : "^8.0.6"
},
"dependencies" : {
	"@babel/runtime" : "^7.6.0"
}

在 webpack.config.js 文件中配置

//无关代码没有写
module.exports = {
	// 无关代码
	//无关代码......
	module: {//所有第三方模块的配置  规则  
		rules : [//第三方匹配规则
			test : /\.js|jsx$/,		//默认 .js 文件。但是也写了 jsx 文件
			use : ['babel-loader'],
			exclude : /node_modules/		//不要忘记添加 ex