What is it?
An attribute to decide if a DOM element should be present or not depending on the deployment mode.
How is it used?
<!--Keep the element if in DEVELOPMENT_MODE-->
<script src="..." if-dev></script>
<!--Remove the element if NOT in DEVELOPMENT_MODE-->
<link rel="stylesheet" href="..." if-dev="false"/>
<!--Keep the element if NOT in DEVELOPMENT_MODE-->
<script src="..." if-dev="false"></script>
Where is it used?
It is supposed to be used on templates and never on views.
Feature Request Motivation
If a developer is using mock frontiers in his project, it means his template(s) include scripts containing definitions of such mock-frontiers. Take a look at the following template fragment example:
<!--Including mock frontiers here-->
The problem is that most of the times, the developer only intends to be using the mock frontiers in development mode. He would have to remove the mock-frontiers scripts every time he deploys his app in PRODUCTION_MODE.
Why not make it a little bit easier?
We let the Framework remove the scripts for him, as long as he changes the deployment mode and use the if-dev attribute on the script elements he intends to remove or keep depending on that.