讓layui支持es5寫法的方法介紹

寫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 目錄的建置。

更多layui框架知識請關注layui教程。

以上是讓layui支持es5寫法的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！