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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
