Layui가 es5 작성 방법을 지원하도록 만드는 방법 소개

js를 작성할 때 es5 코드를 좀 작성하는데, dist로 패키징해 보니 문법이 지원되지 않는 것을 발견했는데 어떻게 해야 하나요?

es5 지원을 추가하는 두 단계:

1. npm을 사용하여 babel을 다운로드 및 설치하고 gulpfile.js가 있는 디렉터리로 들어갑니다.

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

2. gulpfile.js 코드를 두 곳에서 수정합니다.

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 프레임워크에 대한 자세한 내용을 보려면 layuitutorial을 팔로우하세요.

위 내용은 Layui가 es5 작성 방법을 지원하도록 만드는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!