babel 编译 es6 到es5 新方式

最新推荐文章于 2025-05-12 00:09:34 发布

爱生活，爱编程

最新推荐文章于 2025-05-12 00:09:34 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：石川六期大前端

本文链接：https://blog.youkuaiyun.com/qq_15009739/article/details/88110951

这篇博客介绍了如何使用Babel将ES6代码转换为ES5。首先，确保安装了Node.js。接着，安装必要的Babel组件。然后，在项目中创建.babelrc文件来指定preset。最后，配置package.json文件并添加脚本以运行编译过程。这种方法与以往的Babel转换方式有所不同。

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

1，node 先安装，这个略过：

2，安装些！

 npm i @babel/core @babel/cli @babel/preset-env --save

添加脚本

添加.babelrc——声明preset

{
  "presets": ["@babel/preset-env"]
}

4, 配置package.json文件：

{
  "name": "action",
  "version": "1.0.0",
  "description": "",
  "main": "./index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d dest"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.3.4",
    "@babel/preset-env": "^7.3.4"
  }
}