本文摘自PHP中文网，作者尚，侵删。
写js的时候会写一些es5的代码，但是打包到dist时，发现不支持语法，怎么办呢。
两步添加es5支持：
一、使用npm下载安装babel，进入gulpfile.js所在目录。
1 | $ npm install --save-dev gulp-babel @babel/core @babel/preset-env
|
二、修改gulpfile.js代码2个地方。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var gulp = require('gulp');
var babel = require('gulp-babel');
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写法的方法介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
layui框架的flow组件常见用法总结
layui的tips层怎么用
怎么利用layui美化table数据表格
layui输入框如何设置禁止输入
layui的iframe跳转链接与页面按钮跳转相关介绍
layui模块使用规范（附代码）
layui怎么导入excel
layui事件监听使用
layui怎么重新渲染
layui模块化与非模块化的不同引用方式介绍
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 让layui支持es5写法的方法介绍
