这期内容当中的小编将会给大家带来有关解决es5代码打包到dist不兼容的问题，以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
写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 目录的构建。
扩展知识：
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。
2009年12月，ECMAScript 5.0版正式发布。Harmony项目则一分为二，一些较为可行的设想定名为JavaScript.next继续开发，后来演变成ECMAScript 6；一些不是很成熟的设想，则被视为JavaScript.next.next，在更远的将来再考虑推出。
上述就是小编为大家分享的解决es5代码打包到dist不兼容问题的方法，如果您也有类似的疑惑，不妨碍参照上述分析进行理解。如果想了解更多相关内容，请关注亿速云行业资讯。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
