安装 模块化 Babel

为了加快安装速度先下载淘宝镜像
淘宝镜像链接
然后打开cmd 命令行里安装 babel

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

安装完成后按顺序执行下面命令

cnpm init //初始化，一直按回车键

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

cnpm install --save @babel/polyfill

完成以后在项目文件夹中新建 babel.config.json 文件，并把下面代码复制到文件夹中

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

然后运行此命令，lib 转换后新建的文件名，src 你要转换的文件名。

最后一步进入browserify网站下载

cnpm install -g browserify

browserify  main.js -o bundle.js