|
|
|
@@ -412,14 +412,12 @@ code-example(format="").
|
|
|
|
|
`webpack/ts/src/app/app.component.ts,
|
|
|
|
|
webpack/ts/src/app/app.component.html,
|
|
|
|
|
webpack/ts/src/app/app.component.css,
|
|
|
|
|
webpack/ts/src/app/app.component.spec.ts,
|
|
|
|
|
webpack/ts/src/app/index.ts`,
|
|
|
|
|
webpack/ts/src/app/app.component.spec.ts`,
|
|
|
|
|
null,
|
|
|
|
|
`src/app/app.component.ts,
|
|
|
|
|
src/app/app.component.html,
|
|
|
|
|
src/app/app.component.css,
|
|
|
|
|
src/app/app.component.spec.ts,
|
|
|
|
|
src/app/index.ts`
|
|
|
|
|
src/app/app.component.spec.ts`
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
+makeTabs(
|
|
|
|
@@ -442,15 +440,12 @@ code-example(format="").
|
|
|
|
|
* The `AppComponent` in `app.component.ts` imports the application-wide css with a simple `import` statement.
|
|
|
|
|
|
|
|
|
|
* The `AppComponent` itself has its own html template and css files which we load with the `require()` method
|
|
|
|
|
supplied by Webpack. Webpack stashes those component-scoped files in the `app.ts` bundle too.
|
|
|
|
|
supplied by Webpack. Webpack stashes those component-scoped files in the `app.js` bundle too.
|
|
|
|
|
|
|
|
|
|
* The `vendor.ts` consists of vendor dependency `import` statements that drive the `vendor.js` bundle.
|
|
|
|
|
The application imports these modules too; they'd be duplicated in the `app.js` bundle
|
|
|
|
|
if the `CommonsChunkPlugin` hadn't detected the overlap and removed them from `app.js`.
|
|
|
|
|
|
|
|
|
|
// WHAT GOOD IS THIS?
|
|
|
|
|
* We coded our app feature as a [barrel](../glossary.html#barrel).
|
|
|
|
|
|
|
|
|
|
<a id="conclusions"></a>
|
|
|
|
|
:marked
|
|
|
|
|
## Conclusions
|
|
|
|
|