怎么解決es5代碼打包到dist不兼容的問題-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中的小編將會(huì)給大家?guī)碛嘘P(guān)解決es5代碼打包到dist不兼容的問題，以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),虛擬空間、主機(jī)租用、主機(jī)托管，四川、重慶、廣東電信服務(wù)器租用,成都服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺(tái)以及歐美等多個(gè)國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

寫js的時(shí)候會(huì)寫一些es5的代碼，但是打包到dist時(shí)，發(fā)現(xiàn)不支持語法，怎么辦呢。

兩步添加es5支持：

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

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

二、修改gulpfile.js代碼2個(gè)地方。

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 目錄的構(gòu)建。

擴(kuò)展知識(shí)：

ECMAScript是一種由Ecma國際（前身為歐洲計(jì)算機(jī)制造商協(xié)會(huì)，European Computer Manufacturers Association）通過ECMA-262標(biāo)準(zhǔn)化的腳本程序設(shè)計(jì)語言。這種語言在萬維網(wǎng)上應(yīng)用廣泛，它往往被稱為JavaScript或JScript，所以它可以理解為是JavaScript的一個(gè)標(biāo)準(zhǔn),但實(shí)際上后兩者是ECMA-262標(biāo)準(zhǔn)的實(shí)現(xiàn)和擴(kuò)展。

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

上述就是小編為大家分享的解決es5代碼打包到dist不兼容問題的方法，如果您也有類似的疑惑，不妨礙參照上述分析進(jìn)行理解。如果想了解更多相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊。

名稱欄目：怎么解決es5代碼打包到dist不兼容的問題-創(chuàng)新互聯(lián)
鏈接地址：http://m.jiaotiyi.com/article/dpiidj.html