怎么解决es5代码打包到dist不兼容的问题

这期内容当中的小编将会给大家带来有关解决es5代码打包到dist不兼容的问题，以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

10余年的麒麟网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整麒麟建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“麒麟网站设计”,“麒麟网站推广”以来，每个客户项目都认真落实执行。

写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不兼容问题的方法，如果您也有类似的疑惑，不妨碍参照上述分析进行理解。如果想了解更多相关内容，请关注创新互联行业资讯。