gulp

[pixding]

'use strict';
var through = require('through2');

module.exports = function () {
    return through.obj(function(file,enc,cb){
      var content = String(file.contents);
      content = content.replace(/<link.*?css.*?>/g,'');
      file.contents = new Buffer(content);
      this.push(file);
      cb();
    });
};

是不是直接用replace插件就OK了。。。

[island205]

这个正则有问题，容易误判

[RequireSun]

/<link.*?(?:(?:href=(?:(?:"[^"]*\.css")|(?:'[^']*\.css')))|(?:rel=(?:(?:"stylesheet")|(?:'stylesheet')|(?:stylesheet)))).*?>/g
麻烦老师看看我这个样子可以么，感觉自己写的好罗嗦。。。

[GoBrianGo]

@island205 看看我的

var fs = require("fs");
fs.readFile("index.html", "utf8", filterFile);
function filterFile(error, data) {
    if (error) {
        throw error;
    }
    var newData = removeLinkTags(data);
    fs.writeFile("index.html", newData, function(err) {
        console.log("File Saved !"); //文件被保存
    });
}
function removeLinkTags(data) {
    var b = /<link[^>]*rel(\s)*=(\s)*[\'\"]stylesheet[\'\"][^>]*>/gi, newData;
    return data.replace(b, '');
}

[jzlxiaohei]

用parse5来删

    var domStr = ''
        + '<meta content="telephone=no" name="format-detection" />'
        + '<link rel="shortcut icon" href="//static.lufaxcdn.com/config/images/favicon-new.ico" />'
        + '<link type="text/css" rel="stylesheet" href="//static.lufaxcdn.com/lufax-public/base/base.1c52d4c1.css"/>'


    var parse5 = require('parse5')
    var domTree = parse5.parse(domStr)
    var treeAdapter = parse5.treeAdapters.default

    function isLinkCss(dom) {
        if (dom.nodeName != 'link') return false
        var attrs = dom.attrs
        for (var i = 0; i < attrs.length; i++) {
            var attr = attrs[i]
            if (attr['name'] === 'type' && attr['value'] === "text/css") {
                return true
            }
        }
        return false
    }

    function removeLink(dom) {
        if (isLinkCss(dom)) {
            treeAdapter.detachNode(dom)
        } else {
            for (var i = 0; i < dom.childNodes.length; i++) {
                removeLink(dom.childNodes[i])
            }
        }
    }

    removeLink(domTree)

    console.log(parse5.serialize(domTree))

[xlitter]

@island205 第一次写gulp插件

const Stream = require('stream');
const gutil = require('gulp-util');
const Bufferstreams = require('bufferstreams');

function gulpReplaceCssLink() {
  const PLUGIN_NAME = 'gulp-replace-css-link';
  const replaceReg = /\s*<link.+?rel\s*=\s*[\'\"]stylesheet[\'\"].*?(?:\/)?>/gi;

  return new Stream.Transform({
    objectMode: true,
    transform: function transfrom(file, encoding, cb) {
      const source = file;

      function replace(input) {
        return new Buffer(input.replace(replaceReg, ''));
      }

      if (file.isBuffer()) {
        source.contents = replace(String(file.contents));
      } else if (file.isStream()) {
        source.contents = file.contents.pipe(new Bufferstreams((err, buffer, callback) => {
          if (err) {
            callback(new gutil.PluginError(PLUGIN_NAME, err));
          }
          const transformed = replace(buffer.toString());
          callback(null, transformed);
        }));
      }

      cb(null, source);
    }
  });
}

module.exports = gulpReplaceCssLink;