es6 兼容IE、iphone9操作系统以下的处理方式--使用babel 转换外部js文件

本文针对非webpack，cli创建的项目，进行ES6转ES5语法（iphone9操作系统以下的机型不支持es6语法，需要兼容转换）

babel官网：https://www.babeljs.cn/docs/

1，初始化npm环境，一直回车默认到最后。

npm init

根目录下会自动生成package.json

2，安装Babel 相关文件

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

在根目录下创建并配置babel.config.js

const presets = [
    [
      "@babel/env",
      {
        targets: {
          edge: "17",
          firefox: "60",
          chrome: "67",
          safari: "11.1",
        },
        useBuiltIns: "usage",
      },
    ],
  ];
  
  module.exports = { presets };

3，转换对应的文件夹并输出js到lib目录下

npx babel /static/js --out-dir lib --presets=@babel/env

此时根目录下已经自动生成对应的lib文件夹，其中的es6语法也被转化为了es5兼容性语法

原js文件

转换后的js文件