模块化 babel安装

淘宝镜像 加快安装
淘宝镜像 链接

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

语句： 变成 cnpm

cmd 命令行里安装 babel

npm install --save-dev @babel/preset-react

挨个执行 下表面命令

npm init //初始化

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

npm install --save @babel/polyfill

在项目里新建 babel.config.json 文件
下列代码复制粘贴

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

./node_modules/.bin/babel src --out-dir lib

src 你要转换的文件名
lib 转换后新建的文件名

编译过新建的文件: 如图

Browserify
安装一次之后不用在安装

npm install -g browserify

建立执行 解析新建的文件

browserify ./lib/main.js -o ./js/bundle.js