这期内容当中的小编将会给大家带来有关解决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不兼容问题的方法,如果您也有类似的疑惑,不妨碍参照上述分析进行理解。如果想了解更多相关内容,请关注创新互联行业资讯。