es5の書き方をlayui対応にする方法の紹介

js を書くときに es5 コードを書きますが、それを dist にパッケージ化すると、その構文がサポートされていないことがわかりました。どうすればよいですか?

es5 サポートを追加する 2 つの手順:

1. npm を使用して babel をダウンロードしてインストールし、gulpfile.js が存在するディレクトリに移動します。

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

2. 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 を入力して、dist ディレクトリへの src の構築を完了します。

layui フレームワークの詳細については、layui チュートリアル を参照してください。

以上がes5の書き方をlayui対応にする方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。