关于利用gulp压缩html文件过程中遇到的问题?

Aa狸烤鱼豆腐猫 2021-05-09 08:36:35
nrm模块、gulp模块下载完成后就下载gulp的htmlmin插件,以及相关项目源文件、输出文件都准备完毕后就开始运行压缩html的代码:

运行完之后就报错
[19:43:57] Using gulpfile D:\WEB前端\案例\Node.js\gulp-demo\gulpfile.js
[19:43:57] Starting 'htmlmin'...
[19:43:57] 'htmlmin' errored after 4.57 ms
[19:43:57] TypeError: html.indexOf is not a function
以下是我gulpfile.js中的相关代码,大佬们可以看看。

// 引入gulp模块
const gulp = require('gulp');

// 引入htmlmin文件压缩插件
const htmlmin = require('htmlmin');

// 通过gulp模块调用task方法创建htmlmin文件压缩任务 htmlmin是任务名字 后面跟回调函数
gulp.task('htmlmin', () => {
console.log('?')
gulp.src('./src/*.html')
// 调用htmlmin方法压缩获取s的文件
.pipe(htmlmin({ collapseWhitespace: true }))
// 通过gulp模块调用dest方法输出压缩后的文件
.pipe(gulp.dest('dist'))
})

我的gulp下载的是4.0.2版本的,百度了有人遇到类似的问题但是跟我的不太一样只是报错信息有点类似,答主更改了gulp的版本为3.9版本就解决了,我试了这个方法但是没卵用。
以下是一开始的版本信息:

在执行引入htmlmin插件的代码段中htmlmin前面有三个小点... 鼠标经过提示信息如下:

...全文
122 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
krb123456 2022-07-26
  • 打赏
  • 举报
回复

img

krb123456 2022-07-26
  • 打赏
  • 举报
回复

我也是这个问题,咋解决

IONIC 功能全演示 ===================== - 使用Ionic提供的UI 组件。Ionic本身是致力于建立统一的移动混合app构建平台,核心基础是Angular+Cordova。 - 通过Angular指令封装,以及预定义的CSS,提供了开箱即用的HTML5 Mobile组件。 - 构建与开发支持,能够直接运行www目录下的index.html进行开发调试。同时也支持发布人员利用gulp构建输出到dist目录 - 利用gulp,同样演示了单元测试以及场景测试。 - [在线演示,内有地址二维码,可手机浏览](http://1.thm1118.sinaapp.com/static/ionic/www/index.html) ## 预览 ![信息卡片](screenshot/card.png) ![下拉刷新](screenshot/pullrefress.png) ![表单元素](screenshot/form.png) ![菜单](screenshot/menu.png) ![列表左滑按钮](screenshot/option.png) ![弹出层](screenshot/pop.png) ![tab](screenshot/tab.png) ![幻灯](screenshot/slide.png) ![图片水平滚动](screenshot/hscroll.png) ![毛玻璃效果](screenshot/blure.png) ![2000条数据搜索](screenshot/search.png) ![输入自动完成](screenshot/autocomplete.png) ![列表自动分组](screenshot/autogroup.png) ![媒体相册](screenshot/galaxy.png) ![chartjs统计图](screenshot/chartjs.png) ![百度统计图](screenshot/echat.png) ![图片延时加载](screenshot/imageload.png) ## 基础环境 纯webapp运行或演示,只需要一个 web server部署即可。 ## 目录结构说明 - www 目录:源码目录 - dist目录:构建输出目录 ## 利于开发,测试和打包部署的nodejs环境 简单开发可以不依赖nodejs环境。但是有了基于nodejs的javascript完整开发周期环境,会极大提升开发效率,保障质量。 - nodejs 最新版。 - 有些node包的安装需要c++编译,x86版本只需要 x86的C++编译器,windows上的x64 c++编译器需要特别设置。 - npm 会很慢,要么使用代理,要么使用国内镜像,比如 [淘宝镜像](http://npm.taobao.org/) , 使用淘宝镜像后,npm命令需要替换成cnpm命令。 - `npm install -g gulp` - `npm install -g ionic` - 如需编译sass的话,安装 [ruby](https://www.ruby-lang.org/zh_cn/),再执行 `gem install sass`(如遇到ssl错误,修改为http源:gem source -a http://rubygems.org/) - `npm install -g node-gyp` - 有的node包依赖python编译,安装 [python2.7](https://www.python.org/) - c++编译环境[MSVStudio 免费版](https://www.visualstudio.com/downloads/download-visual-studio-vs#d-express-windows-desktop).。注意根据studio不同版本指定 --msvs_version=2013 选项 - 安装项目开发依赖包,在项目根目录下运行 `npm install` ### “所见即所得”式开发 - 在项目根目录下运行 `ionic serve`,即可在www目录下开展“所见即所得”的方式开发 - 另外一种方式,在webstorm里对index.html 按debug运行,同样是“所见即所得”的方式开发 ### CROS支持 - 生产环境的 CROS支持要么使用jsonp技术,要么在服务端设置代理。 - 而开发环境下要么 基于不安全做法,服务端api 设置头`Access-Control-Allow-Origin:*" `,要么按如下便捷设置: 基于`ionic serve`, 可以在开发时使用本地代理。ionic.project 内设

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧