IE不支持ES6語法的解決方案——Babel

Babel 是一個 JavaScript 編譯器

Babel 是一個工具鏈，主要用於將 ECMAScript 2015+ （ES6+，IE不支持ES6+語法，所以要支持IE，項目中引入Babel還是很有必要的）版本的代碼轉換為向后兼容(向后兼容 ：兼容以前的；向前兼容：兼容未來的 )的 JavaScript 語法，以便能夠運行在當前和舊版本的瀏覽器或其他環境中。下面列出的是 Babel 能為你做的事情：

• 語法轉換
• 通過 Polyfill 方式在目標環境中添加缺失的特性 (通過 @babel/polyfill 模塊)
• 源碼轉換 (codemods)

以下以gulp打包工具為例：

1.安裝

npm install --save-dev gulp-babel

 

2.使用

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
  return gulp.src("src/app.js")
    .pipe(babel())
    .pipe(gulp.dest("dist"));
});

 

3.創建.babelrc配置文件

3.1安裝preset-env

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

3.2創建.babelrc配置文件

{
  "presets": ["@babel/preset-env"]
}

詳情參照官網：https://www.babeljs.cn/docs/usage

打包工具配置指南參考：https://www.babeljs.cn/setup.html#installation