簡單編譯es6

1.安裝node環境
2.cd 到項目目錄
3.打開命令行 輸入 npm init -y 初始化
4npm install @babel/core @babel/cli @babel/preset-env下載編譯的東西
5.打開項目目錄編輯package.json文件

//package.json
{
  "name": "es6",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
  //通過babel編譯 編譯的目錄爲src -d指定輸出的目錄 ，這樣src下面的所有js都會被編譯到dest目錄
    "build": "babel src -d dest"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.9.0",
    "@babel/preset-env": "^7.9.0"
  }
}

這裏完成後我們還要生成一個配置文件，設置編譯的規則
項目目錄新鍵文件 .babelsrc
鍵入如下

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

我們在src目錄新建main.js文件
鍵入如下測試代碼

let a = 1;
let b = 2;
console.log(a+b);

命令行輸入
npm run build
發現dest目錄也生成main.js文件

//被編譯後的js文件
"use strict";

var a = 1;
var b = 2;
console.log(a + b);

接下來我們的入口文件引入dest目錄下的js文件即可，在編輯的時候我們還是修改src的js文件
谷歌瀏覽器正常顯示

ie瀏覽器正常顯示