.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/'));
});
可是一直报错，错误如下：
图片.png
说是解析css文件出错， 找个时间查下原因，暂时记录一下
找到问题原因，因为在sass中加入注释//，这里虽然对于sass是没有问题的，但是在编译成css的时候，css是不支持这种注释的，所以就会报编译不成功。～ 20171014