分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

gulp-htmlone的BUG弃坑

发布时间:2023-09-06 01:29责任编辑:顾先生关键词:暂无标签

之前用项目用gulp-htmlone做最后的js和css内联打包出现各种问题

这次居然遇到打包后的css斜杠变反斜杠的问题

如下:/src/common/images/i_banner.jpg会被改成\src\common\images\i_banner.jpg

实在无法忍耐去改他的源码,改了后其他伙伴也要改,所以果断弃坑

在网上找了gulp-inline进行替代

gulp.task(‘inline‘, function() { ???gulp.src([‘./pages/**/*.html‘]) ???????.pipe(inline({ ???????????js: uglify, ???????????css: cssmin, ???????????disabledTypes: [‘svg‘, ‘img‘] // Only inline css files ??????????})) ???????.pipe(gulp.dest(‘./dest‘));});

官方api如下:

https://www.npmjs.com/package/gulp-inline

Plugin options:

  • base - the root directory containing the files to be inlined
  • css - css transform (gulp plugin)
  • js - js transform (gulp plugin)
  • svg - svg transform (gulp plugin)
  • ignore - array of file paths to ignore and not inline (file paths as they appear in the source)
  • disabledTypes - array of types not to run inlining operations on (css, svg, js, img)

gulp-htmlone的BUG弃坑

原文地址:http://www.cnblogs.com/lichuntian/p/8004487.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved