gulp-cdnify-plus
将css和wxml文件中的本地URL转换为CDN的URL
Last updated 2 months ago by xsasadasdasdasd .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install gulp-cdnify-plus 
SYNC missed versions from official npm registry.

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",
};

Current Tags

  • 2.0.1                                ...           latest (2 months ago)

4 Versions

  • 2.0.1                                ...           2 months ago
  • 2.0.0                                ...           3 months ago
  • 1.1.0                                ...           4 months ago
  • 1.0.0                                ...           4 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 7
Dependencies (5)
Dev Dependencies (0)
None
Dependents (1)

Copyright 2014 - 2016 © taobao.org |