有人可以告诉我在Backbone Boilerplate(https://github.com/tbranyen/backbone-boilerplate/blob/master/index.html)的index.html中条件评论的重要性吗?
<!--(if target dummy)><!--> <link rel="stylesheet" href="/app/styles/index.css"> <!--<!(endif)-->
<!--(if target release)> <link rel="stylesheet" href="index.css"> <!(endif)-->
<!--(if target debug)> <link rel="stylesheet" href="index.css"> <!(endif)-->
<!--(if target dummy)><!--> <script data-main="/app/config" src="/vendor/js/libs/require.js"></script> <!--<!(endif)-->
<!--(if target release)> <script src="require.js"></script> <!(endif)-->
<!--(if target debug)> <script src="require.js"></script> <!(endif)-->
在构建不同版本时,它们与Grunt有关吗?
谢谢..
答案 0 :(得分:5)
看起来你认为这些是Grunt构建目标是正确的。使用grunt构建时,它必须具有不同的设置,例如debug,dummy和release。
https://github.com/changer/grunt-targethtml
我通过搜索找到的链接示例。它还有条件评论以及一些信息。然后它在gruntfile.js中:
// Configuration to be run (and then tested).
targethtml: {
dev: {
files: {
'tmp/dev.html': 'test/fixtures/index.html'
}
},
dist: {
files: {
'tmp/dist.html': 'test/fixtures/index.html'
}
}
},...
它使用dev和dist作为条件。
Backbone Boilerplate定义了调试和发布(虚拟似乎被排除在外):
https://github.com/tbranyen/backbone-boilerplate/blob/master/grunt.js#L131