Miss any of our Open RFC calls?Watch the recordings here! »

gulp-cdnify-plus

2.0.1 • Public • Published

gulp-cdnify-plus

fock 自 gulp-cdnifygrunt-cdnify, 将 类html标记语言 的解析器修改为 @vivaxy/wxml,原仓库更适用于Html标签,在某些情况下会出现标签解析不正确.

cheers-mp 小程序脚手架用它来处理 wxml\less\sass 文件的图片链接,将 image 标签的 srccssbackgroud: url() 等替换成云存储链接。此库通用,并不局限于cheers-mp 小程序脚手架中

install

npm i gulp-cdnify-plus --save-dev

Usage

gulp.task("cdnify", function () {
  var cdnify = require("gulp-cdnify-plus");
 
  return gulp
    .src(["dist/**/*.{css,html,wxml}"])
    .pipe(
      cdnify({
        base: "http://pathto/your/cdn/",
      })
    )
    .pipe(gulp.dest("dist/"));
});

For those who want to rewrite the url with their own specific rules.

pipe(
  $.cdnify({
    rewriter: function (url, process) {
      if (/eot]ttf|woff|woff2/.test(url)) {
        return "http://myfontcdn.com/" + url;
      } else if (/(png|jpg|gif)$/.test(url)) {
        return "http://myimagecdn.com/" + url;
      } else {
        return process(url);
      }
    },
  })
);

If you want to read custom source (Eg. favicon)

pipe(
  $.cdnify({
    wxml: {
      'image': "src"
    },
  })
);

Default sources:

sources = {
  image: "src",
  video: "poster",
  "cover-image": "src",
};

Install

npm i gulp-cdnify-plus

DownloadsWeekly Downloads

2

Version

2.0.1

License

MIT

Unpacked Size

6.86 kB

Total Files

3

Last publish

Collaborators

  • avatar