.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