Html-webpack-plugin: Conditional codes in html template

[KhoaSydney]

Hi @ampedandwired,

Is it possible to have conditional codes, something like below:

if (o.webpackconfig.Production)
{
 <script type="text/javascript" src="{%=o.webpackconfig.UrlInProduction %}"></script>
}
else{
 <script type="text/javascript" src="{%=o.webpackconfig.urlInDevelopment%}"></script>
}

thanks

[KhoaSydney]

I think I found the solution. It is just normal Javscript as long as you enclose them by {%}.

{% if (o.webpackconfig.Production) { %}
 <script type="text/javascript" src="{%=o.webpackconfig.UrlInProduction %}"></script>
{% } %}
{% else { %}
<script type="text/javascript" src="{%=o.webpackconfig.urlInDevelopment%}"></script>
{% } %}

[eventhough]

@KhoaSydney How did you set the o.webpackconfig.Production flag? Could you share your HtmlWebpackPlugin configuration?

[shairez]

@eventhough They've changed it in 2.X
Now it's the ejs style - <% if (htmlWebpackPlugin.options.environment.production){ %>

Hope it helps, I've spent 2 hours finding this info out for myself after seeing no answer in this issue

[Restuta]

@shairez can you share your config? I can't seem to get options.environment working for me

[Restuta]

@shairez nvm, got it working =)

[export-mike]

@Restuta what did you do to get this working?

[jantimon]

In most cases inject:true will solve this for you

[export-mike]

@jantimon I have inject: 'body'

[export-mike]

so does that only allow templating in body?

[jantimon]

Inject:true and inject:body is the same (and it's also the default if you don't specify inject) it will inject all link and script tags for you so that you can use the same template for dev and production

[Restuta]

@export-mike just this:
https://github.com/Restuta/rcn.io/blob/master/webpack.config.prod.js

[lock[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.