为了打包构建之前的layui写的项目，用到了gulp，但是遇到的坑还挺多，记录一下。
1、运行gulp时报错
ReferenceError: primordials is not defined
解决办法：
ReferenceError: primordials is not defined 意思是primordials这个没被定义，是因为项目中gulp版本和node版本不兼容，先看下本地的版本：
方法1，降级node和升级gulp，不建议。
方法2，使用npm shrinkwrap锁定依赖版本。
1、项目根目录新建npm-shrinkwrap.json，删掉node_modules
2、npm-shrinkwrap.json内容修改如下：
{
"dependencies": {
"graceful-fs": {
"version": "4.2.2"
}
}
}
然后重新执行npm install，这时候再去执行gulp相关操作就不会报错了。
注意：这个文件在执行过一次npm install以后，里边内容就变了，下次再想重新执行，要再复制一遍。
注意package.json 中"gulp-babel": "^8.0.0", 这个版本不报错，7.0报错。
{
"name": "OnePic",
"version": "3.0.0",
"description": "",
"license": "LPPL",
"author": [
"xianxin <xianxin@layui-inc.com>"
],
"homepage": "http://www.layui.com/admin/",
"devDependencies": {
"@babel/core": "^7.22.20",
"@babel/plugin-proposal-class-properties": "^7.18.6",
"@babel/plugin-transform-runtime": "^7.22.15",
"@babel/preset-env": "^7.22.20",
"@babel/runtime": "^7.22.15",
"babel-loader": "^8.3.0",
"chai": "^4.1.1",
"del": "^2.2.2",
"gulp": "^3.9.1",
"gulp-babel": "^8.0.0",
"gulp-concat": "^2.6.0 ",
"gulp-header": "^1.8.8",
"gulp-if": "^2.0.1",
"gulp-minify-css": "^1.2.4",
"gulp-rename": "^1.2.2",
"gulp-replace": "^0.6.1",
"gulp-uglify": "^1.5.4",
"minimist": "^1.2.0",
"mocha": "^3.2.0",
"sinon": "^3.2.1",
"sinon-chai": "^2.13.0"
}
}参考链接:
gulp项目中ReferenceError: primordials is not defined报错解决方法_萧&萧的博客-CSDN博客
2、gulp-uglify压缩js文件时报错之 punc(()
报错内容： SyntaxError: Unexpected token: punc (()
问题分析： 这种大多是js代码中包含ES6语法的函数声明方式，或者函数声明写的有问题。报错提供的行号不一定准确，只能自己找到使用ES6语法的位置，改成ES5。或者把语法错的地方改好。
解决方法： 把ES6代码替换成ES5代码；把错误的函数声明改对。
(今天遇到的7千行代码报一个不准确的错误，最后把文件拆分成了好几个逐个排查，总算定位了错误。函数声明没写对，多了个逗号，/(ㄒoㄒ)/~~）
3. gulp-uglify压缩js文件时报错之 Unexpected token name
报错内容： _Unexpected token name «p», expected punc «
问题分析： 问题原因同上，也是ES6语法引起的。不过这个是声明变量let的原因。
解决方法： 把let改成var。
4. gulp-uglify压缩js文件时报错之 Unexpected token name
报错内容： _Unexpected token name «p», expected punc «
问题分析： 问题原因同上，也是ES6语法引起的。不过这个是声明变量let的原因。
解决方法： 把let改成var。
5、gulp-uglify不识别箭头函数，要改成普通的函数
6. gulp-htmlmin
报错内容： throw er; // Unhandled 'error' event ^ Error: Parse Error: <= 95% </spa<div
问题分析： 遇到html压缩时的解析错误，此处是因为小于号<引起的。
解决方法： 小于号<改用编码方式<。
参考链接：gulp 错误集锦 - 简书
