node项目配置babel方法

原创于 2020-01-10 11:55:44 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

48 篇文章

订阅专栏

本文详细介绍使用Babel将现代JavaScript代码转换为浏览器兼容版本的五步骤流程，包括安装核心包、polyfill、配置文件创建及执行代码的方法。

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

babel是将高级、有兼容性的js，转换为低级、无兼容性的js的语法转换工具

1、第一步

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node

2、第二步

npm install --save @babel/polyfill

3、第三步
在项目根目录创建文件babel.config.js
4、第四步
babel.config.js文件内容如下代码：

const presets = [
	[
		"@babel/env",{
			targets:{
				edge:"17",
				firefox:"60",
				chrome:"67",
				safari:"11.1"
			}
		}
	]
	
]
module.exports = {
	presets
}

4、第五步
通过npx babel-node index.js 执行代码

注释：babel运行之前，先读取babel.config.js配置文件，根据配置信息，进行代码转换