怎么解決es5代碼打包到dist不兼容的問題

這期內容當中的小編將會給大家帶來有關解決es5代碼打包到dist不兼容的問題，以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

寫js的時候會寫一些es5的代碼，但是打包到dist時，發現不支持語法，怎么辦呢。

兩步添加es5支持：

一、使用npm下載安裝babel，進入gulpfile.js所在目錄。

$ npm install --save-dev gulp-babel @babel/core @babel/preset-env

二、修改gulpfile.js代碼2個地方。

var gulp = require('gulp');
var babel = require('gulp-babel'); // 添加這段代碼

// ...

 //壓縮 JS
  minjs: function(){
    // 修改下面這段代碼
    return gulp.src(src).pipe(babel({
      presets: ['@babel/env']
    })).pipe(uglify())
     .pipe(header.apply(null, note))
    .pipe(gulp.dest(destDir + '/layuiadmin'));
  }

然后就可以像之前一樣輸入gulp 即可完成 src 到 dist 目錄的構建。

擴展知識：

ECMAScript是一種由Ecma國際（前身為歐洲計算機制造商協會，European Computer Manufacturers Association）通過ECMA-262標準化的腳本程序設計語言。這種語言在萬維網上應用廣泛，它往往被稱為JavaScript或JScript，所以它可以理解為是JavaScript的一個標準,但實際上后兩者是ECMA-262標準的實現和擴展。

2009年12月，ECMAScript 5.0版正式發布。Harmony項目則一分為二，一些較為可行的設想定名為JavaScript.next繼續開發，后來演變成ECMAScript 6；一些不是很成熟的設想，則被視為JavaScript.next.next，在更遠的將來再考慮推出。

上述就是小編為大家分享的解決es5代碼打包到dist不兼容問題的方法，如果您也有類似的疑惑，不妨礙參照上述分析進行理解。如果想了解更多相關內容，請關注億速云行業資訊。