Conditional build:remove depending on environment

[intellix]

So I have an Angular app and 1.3 requires you to specify a <base href="/">.
The problem is that if I want to wrap my app for iOS using Cordova, that tag breaks all resources, so it needs to be removed only when building for Native.

If I do the following, then it gets removed every time, even when needed for production:

<!-- build:remove -->
<base href="/">
<!-- endbuild -->

What do you think? Is there already a way to achieve this? I thought it would look something like the following:

var options = {
    native: true/false
};
useref(options);

<!-- build:remove if(native) -->
<base href="/">
<!-- endbuild -->

<!-- build:remove if(!native) -->
<script id="cordova-js" src="cordova.js"></script>
<!-- endbuild-->

[intellix]

Been searching around for something about this like crazy, so far what I've found is that https://www.npmjs.com/package/grunt-processhtml also such a feature using targets, which looks something like: build:<type>[:target.

So to remove the html only for staging:

<!--  build:remove:staging -->
<base href="/">
<!-- endbuild-->

[manuelcabral]

A good way to implement this would be to allow the user to define custom replace handlers. So, one could for instance use a custom tag build:removeConditional and do something like:

function removeConditionalReplacer(...) {
  if(/* something */) { /* remove block */ }
  else { /* do nothing */ }
}

useref(html, { replacers: { removeConditional: removeConditionalReplacer})

This will require changing a lot of things though. I will close this when I manage to get around to it.

[tkrotoff]

+1 for this feature

Here the use case I would like to write:

<!-- build:js:production inline -->
<script src="GoogleAnalytics.js"></script>
<!-- endbuild -->

or

<!-- build:remove if(!production) -->
<script src="GoogleAnalytics.js"></script>
<!-- endbuild-->

or

<!-- build:remove if(!production) -->
<script>
  // Google Analytics code
</script>
<!-- endbuild-->

This way I don't have Google Analytics code when in development.

grunt-processhtml supports this feature.