前端开发

图片压缩工具imagemin

2019-08-20108次阅读gulpwebpack
imagemin相比于一些在线工具或者App,自己写脚本更灵活一些。程序很简单,分别针对 JPG、PNG、SVG安装加载相应的插件就好。
前端开发

http-proxy-middleware服务器代理

2019-07-31151次阅读gulp
如果使用gulp-connect的话,那么代理需要额外的插件来配置。首先说下为什么需要代理,gulp-connect是静态web的server(就是只能访问静态页面),如果需要向另外一个或几个服务器请求数据那么就需要代理。除非前后端一起部署,不然由于浏览器的限制是没办法跨域请求数据的。即便是前后端部署在一起,如果还需要向其他服务请求数据,或者需要其他服务(检索,缓存等服务),而这些服务通常是独立部署的,那么还是需要代理的。 这里极力推荐http-proxy-middleware代理插件。
前端开发

JS压缩后IE低版本不兼容,试试把uglifyjs-webpack-plugin升级到2+

2019-06-19135次阅读gulpwebpack
JS压缩后IE低版本不兼容,试试把uglifyjs-webpack-plugin升级到2+
前端开发

No matching version found for event-stream@3.3.6错误

2019-06-14156次阅读gulp
将event-stream更新为最新版本。或者删除package-lock.json或yarn.lock后重新安装依赖:npm i或yarn
前端开发

gulp-filter过滤、恢复过滤等文件操作

2019-06-06383次阅读gulp
gulp-filter,支持glob模式、函数过滤,以及过滤后恢复。
前端开发

inline-source把css、js代码内联插入到HTML中

2019-06-05387次阅读webpackgulp
inline-source可以内联和压缩包含inline属性的标签内容。默认情况下支持,和(包括*.svg sources)标记,并且可以轻松扩展以处理其他标记。注意:从版本6开始,API现在基于Promise并且兼容async/await,需要Node7.6+。
前端开发

gulp-clean-css压缩支持IE8选项配置

2019-05-24152次阅读gulp
gulp-clean-css默认配置压缩后会把css 滤镜filter给删除掉。此时需要开启compatibility:IE8选项
前端开发

HTML引入或include包含其他HTML文件

2019-05-08253次阅读swigHTMLgulp
HTML从来没有任何方法可以在代码中包含其他HTML文件。例如包含所有页面的页眉和页脚:
前端开发

Gulp sass报错File to import not found or unreadable: common

2019-04-28228次阅读gulp
Gulp sass报错File to import not found or unreadable(未找到或无法读取要导入的文件): common最终只需在尝试编译SCSS之前,让Gulp暂停几毫秒,就可以完美解决这个问题。
前端开发

gulp4构建任务实例优化一

2019-04-24185次阅读gulp
之前的gulp4构建任务实例中,有一个小bug,就是当没有找到TS文件时会报错。