2020年 Babel安装体验ES6

先安利个网站https://www.babeljs.cn/

Babel局部安装

1、在项目根目录文件夹打开cmd
2、npm init初始化，并生成一个package.json文件，遇到需要填写的直接回车即可（大佬自便）
3、配置package.json文件，输入如下：

 {
    "name": "my-project",
    "version": "1.0.0",
    "scripts": {
      "build": "babel src -d lib"
    },
    "devDependencies": {
      "babel-cli": "^6.0.0"
    }
  }

4、用npm安装所需要的包文件（npm特别慢的如果安装了cnpm，大致相同）

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

安装完成。

5、局部安装默认安装路径为根目录下node_modules/.bin。
6、配置，在项目根目录下创建babel.config.js文件，内容为：

const presets = [
  [
    "@babel/env",
    {
      targets: {
        edge: "17", firefox: "60", chrome: "67", safari: "11.1",
      },
      useBuiltIns: "usage",
      corejs: 2
    },
  ],
];

module.exports = { presets };

7、在根目录新建一个js文件index.js（名字随意）
在根目录下编译index.js文件。

npx babel index.js

输出到文件使用–out-file 或者-o

npx babel index.js --out-file index-ba.js

在每次更改文件时进行编译，使用–watch或-w，之后会一直监听文件变化。

npx babel index.js --watch --out-file index-ba.js

编译目录。
目录src到目录lib

npx babel src --out-dir lib

复制不会编译的文档

npx babel src --out-dir lib --copy-files

目录src输出为单个串联文件

npx babel src --out-file index-compolied.js

更对请参考