ES6代码转换成ES5代码

桌面创建目录存放文件
mkdir es6Test 

进入创建目录

cd es6Test
初始化package.json
yarn init -y 
npm init -y
cnpm init -y
全局安装Babel-cli
cnpm install -g babel-cli
本地安装babel-preset-es2015 和 babel-cli
npm install --save-dev babel-preset-es2015 babel-cli
cnpm install --save-dev babel-preset-es2015 babel-cli
yarn add babel-preset-es2015 babel-cli -D
新建.babelrc
{
    "presets":[
        "es2015"
    ],
    "plugins":[]
}
在终端输入命令
babel src/index.js -o dist/index.js
修改package.json 简化命令
{
  "name": "es6Test",
  "version": "1.0.0",
  "description": "es6Test",
  "main": "index.js",
  "author": "davis",
  "license": "MIT",
  "scripts": {
    "build": "babel src/index.js -o dist/index.js",
    "sourcebuild": "babel src/index.js -o dist/index.js -s"
  },
  "dependencies": {
    "babel-cli": "^6.26.0",
    "global": "^4.4.0"
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1"
  }
}

使用简化命令运行命令行打包生成文件
npm run build 
yarn build

你可能感兴趣的:(ES6,es6/es7)