.block-ellipsis {
  // height: 3em;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  &:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  > div {
    display: -webkit-inline-box;
    max-height: 100%;
    vertical-align: middle;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    width: 100%;
    line-height: 24px;
  }
}

在項(xiàng)目打包的過程中加了一個(gè)
var modifyCssUrls = require('gulp-modify-css-urls');

添加了一個(gè)類似任務(wù)

gulp.task('replaceCSSUrl', function() {
    var hash = require('../../meta.json');
    var preFixReg = '/nodev4/';
    return gulp.src('./tmp/assets/*.css*')
    .pipe(modifyCssUrls({
      modify: function(url, filePath) {
        var tmpUrl = url.replace(preFixReg, '');
        if (hash[tmpUrl]) {
          return url + '@' + hash[tmpUrl];
        }
        return url;
      }
    }))
    .pipe(gulp.dest('./tmp/'));
});

可是一直報(bào)錯(cuò)，錯(cuò)誤如下：

圖片.png

說是解析css文件出錯(cuò)， 找個(gè)時(shí)間查下原因，暫時(shí)記錄一下

    找到問題原因，因?yàn)樵趕ass中加入注釋//，這里雖然對(duì)于sass是沒有問題的，但是在編譯成css的時(shí)候，css是不支持這種注釋的，所以就會(huì)報(bào)編譯不成功。～ 20171014