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文件