node的两种编译方式

在线编译

1. 在线编译需要引入browser.min.js文件。
2. 需要编译的文件类型要改成 type=“text/bable”。

<script src="browser.min.js" charset="utf-8"></script>
<script type="text/bable"  src = "nav.pre.js"></script>

不推荐在线编译，存在性能问题，同时用户体验不好。
存在编译有一定的时间消耗。

本地编译

使用@babel/core @babel/cli @babel/preset-env 库进行本地编译。
@babel/core babel的核心库类
@babel/cli babel的脚手架
@babel/preset-env babel预设置，
.babelrc babel的配置文件，固定文件名

  npm init -y //初始化一个工程
  npm i @bable/core @babel/cli @babel/preset-env -D //下载库类
  //package.json
  {
  "name": "20200309",
  "version": "1.0.0",
  "description": "",
  "main": "browser.min.js",
  "scripts": {
    "build": "babel src -d dest"//编译脚本指令 src :存放.js文件的文件夹名 dest:编译后存放的文件夹名
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.8.7",
    "@babel/preset-env": "^7.8.7"
  }
}
npm run build //编译指令
//.babelrc babel编译文件的配置文件
{
  "presets": ["@babel/preset-env"]
}