诡异打包问题

.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;
  }
}

在项目打包的过程中加了一个
var modifyCssUrls = require('gulp-modify-css-urls');

添加了一个类似任务

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/'));
});

可是一直报错,错误如下:

诡异打包问题_第1张图片
图片.png

说是解析css文件出错, 找个时间查下原因,暂时记录一下

    找到问题原因,因为在sass中加入注释//,这里虽然对于sass是没有问题的,但是在编译成css的时候,css是不支持这种注释的,所以就会报编译不成功。~ 20171014

你可能感兴趣的:(诡异打包问题)