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


文章名称:怎么解决es5代码打包到dist不兼容的问题
网站网址:http://bzwzjz.com/article/jcsegs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 重庆网站制作 品牌网站建设 成都网站建设公司 教育网站设计方案 做网站设计 高端网站建设 网站制作公司 重庆网站建设 成都网站建设公司 网站建设推广 定制网站建设多少钱 高端定制网站设计 成都网站设计 营销网站建设 成都网站设计 成都网站建设 企业网站建设公司 成都网站设计 企业网站制作 成都网站建设 成都企业网站建设