ES 之 babel

Posted hkui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES 之 babel相关的知识,希望对你有一定的参考价值。

//初始化
npm init -y


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

安装转换插件

npm install --save-dev @babel/plugin-transform-arrow-functions

package.json

"scripts": {
    "babel": "babel app.js --watch --out-file app-complied.js"
  },
  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.8.4",
    "@babel/plugin-transform-arrow-functions": "^7.8.3",
    "@babel/preset-env": "^7.8.4"
  },
  "babel":{
    "plugins": [
      ["@babel/plugin-transform-arrow-functions"]
    ]
  }
  

npm run babel

以上是关于ES 之 babel的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Babel将ES6转码为ES5?

Babel 入门

Babel 入门

#yyds干货盘点#ES6转换成ES5

Babel编辑ES6代码

(15/24) 为webpack增加babel支持