小编Pet*_*ers的帖子

现在我在Gulp中创建一个临时文件,它预编译我的模板.之后,我将它们uglify并将它们连接成一个javascript文件.但我宁愿没有临时文件.有没有办法在Gulp中拥有"动态"资源？我试过组合流,但无济于事.

示例代码:

gulp.task('template', function () {
  gulp.src('./src/tpl/*.hbs')
    .pipe(ember())
    .pipe(concat('tpl.js')) // make sure to only do concat after
    .pipe(gulp.dest('tmp'));
});

gulp.task('uglify', ['template'], function() {
  gulp.src(['./tmp/tpl.js', './src/js/app.js'])
    .pipe(uglify())
    .pipe(concat('epg.js'))
    .pipe(gulp.dest('dist'))
});

正如您在这个简单示例中所看到的:

<div id="minheight">
    <p id="margin">Paragraph with a margin</p>
</div>
<div id="sibling">Sibling div</div>

#minheight {
    min-height: 100px;
    background: red;
}
#sibling {
    background: blue;
}

http://jsfiddle.net/peterbriers/B43th

Chrome(35)和Firefox(29)之间的区别在于它如何处理块上的折叠边距,其min-height大于子节点margin.

我试图完全理解规范:http://www.w3.org/TR/CSS2/box.html#collapsing-margins,但我仍然不确定哪个浏览器正确处理这个问题.我会说Chrome是错误的,但Safari(7)也是Chrome方式.

哪个浏览器是正确的,如何为没有正确执行的浏览器提交错误？顺便说一句:我不是通过添加新的块格式化上下文(添加溢出属性)来要求任何修复...