大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这期内容当中的小编将会给大家带来有关解决es5代码打包到dist不兼容的问题,以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
创新互联建站是一家业务范围包括IDC托管业务,虚拟空间、主机租用、主机托管,四川、重庆、广东电信服务器租用,成都服务器托管,成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。写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不兼容问题的方法,如果您也有类似的疑惑,不妨碍参照上述分析进行理解。如果想了解更多相关内容,请关注创新互联网站制作公司行业资讯。