<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ x ] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ x ] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
When executing "webpack -p" against existing project w/o any changes other than upgrading the version number from rc.4 -&gt; rc.5 (aka, not converting code to use NgModule), child components do not get rendered.</p>
<p dir="auto">"webpack -p" works when the version is rc.4 and also works  with rc.5 with "webpack -d"</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
Expected for the minified code via "webpack -p" would render all components like it does with rc.4</p>
<p dir="auto"><strong>Angular version</strong> 2.0.0-rc.5</p>
<p dir="auto"><strong>Browser</strong> latest Chrome</p>
<p dir="auto"><strong>Language</strong> TypeScript 1.8.7 | ES6; generated from VS 2015</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
<strong>Minified</strong> bundle breaks, but <strong>SOLVED temporarily</strong> by either:</p>
<ul dir="auto">
<li>turning <code class="notranslate">mangle</code> off (change the option <a href="https://github.com/antonybudianto/angular2-starter/blob/update-rc5/config/gulp/config.js#L54">here</a>)</li>
<li>re-order your components/pipes/directives declarations in NgModule</li>
<li>Use AOT compilation: <a href="https://github.com/angular/angular/tree/master/modules/%40angular/compiler-cli">ngc, or a.k.a @angular/compiler-cli</a> (Update from <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/IgorMinar/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/IgorMinar">@IgorMinar</a> ) -&gt; most recommended</li>
</ul>
<p dir="auto">Error traces:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="lib-2cf12bf509.js:7 Unhandled Promise rejection: Template parse errors:
Can't bind to 'brand' since it isn't a known property of 'as-navbar'.
1. If 'as-navbar' is an Angular component and it has 'brand' input, then verify that it is part of this module.
2. If 'as-navbar' is a Web Component then add &quot;CUSTOM_ELEMENTS_SCHEMA&quot; to the '@NgModule.schema' of this component to suppress this message.
 (&quot;&lt;as-navbar [ERROR -&gt;][brand]=&quot;appBrand&quot;&gt;&lt;/as-navbar&gt;
&lt;div class=&quot;container&quot; style=&quot;margin-top: 100px;&quot;&gt;
    &lt;router-outlet&gt;&lt;/&quot;): a@0:11 ; Zone: &lt;root&gt; ; Task: Promise.then ; Value:"><pre class="notranslate"><code class="notranslate">lib-2cf12bf509.js:7 Unhandled Promise rejection: Template parse errors:
Can't bind to 'brand' since it isn't a known property of 'as-navbar'.
1. If 'as-navbar' is an Angular component and it has 'brand' input, then verify that it is part of this module.
2. If 'as-navbar' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
 ("&lt;as-navbar [ERROR -&gt;][brand]="appBrand"&gt;&lt;/as-navbar&gt;
&lt;div class="container" style="margin-top: 100px;"&gt;
    &lt;router-outlet&gt;&lt;/"): a@0:11 ; Zone: &lt;root&gt; ; Task: Promise.then ; Value:
</code></pre></div>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
The minified bundle should work as in RC4</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
<a href="https://github.com/OasisDigital/rc5-declaration-order">https://github.com/OasisDigital/rc5-declaration-order</a></p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="npm install

// try run in dev, it works well now
npm start

// try run in prod, the bundle created but break
npm run serve-build

// now try changing the mangle option and retry, it works!"><pre class="notranslate">npm install

// try run <span class="pl-k">in</span> dev, it works well now
npm start

// try run <span class="pl-k">in</span> prod, the bundle created but <span class="pl-c1">break</span>
npm run serve-build

// now try changing the mangle option and retry, it works<span class="pl-k">!</span></pre></div>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
Should work as in RC4</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.5</li>
<li><strong>Browser:</strong> [all | Chrome 52 | Web Browser</li>
<li><strong>Language:</strong> [all | TypeScript 1.8.10]</li>
</ul>