fix(build): close tags in index.html (angular#3743)

Fixes angular#3217.

Author: CarreraPHP

packages/angular-cli/models/webpack-build-common.ts

@@ -137,7 +137,8 @@ export function getWebpackCommonConfig(
         template: path.resolve(appRoot, appConfig.index),
         filename: path.resolve(appConfig.outDir, appConfig.index),
         chunksSortMode: packageChunkSort(['inline', 'styles', 'scripts', 'vendor', 'main']),
-        excludeChunks: lazyChunks
+        excludeChunks: lazyChunks,
+        xhtml: true
       }),
       new BaseHrefWebpackPlugin({
         baseHref: baseHref

tests/e2e/tests/build/scripts-array.ts

@@ -39,7 +39,7 @@ export default function () {
     .then(() => expectFileToMatch('dist/common-entry.bundle.css', '.common-entry-style'))
     // index.html lists the right bundles
     .then(() => expectFileToMatch('dist/index.html', oneLineTrim`
-      <link href="common-entry.bundle.css" rel="stylesheet">
+      <link href="common-entry.bundle.css" rel="stylesheet"/>
     `))
     .then(() => expectFileToMatch('dist/index.html', oneLineTrim`
       <script type="text/javascript" src="inline.bundle.js"></script>

tests/e2e/tests/build/styles/styles-array.ts

@@ -46,9 +46,9 @@ export default function () {
     .then(() => expectToFail(() => expectFileToExist('dist/renamed-lazy-styles.bundle.js')))
     // index.html lists the right bundles
     .then(() => expectFileToMatch('dist/index.html', oneLineTrim`
-      <link href="renamed-style.bundle.css" rel="stylesheet">
-      <link href="styles.bundle.css" rel="stylesheet">
-      <link href="common-entry.bundle.css" rel="stylesheet">
+      <link href="renamed-style.bundle.css" rel="stylesheet"/>
+      <link href="styles.bundle.css" rel="stylesheet"/>
+      <link href="common-entry.bundle.css" rel="stylesheet"/>
     `))
     .then(() => expectFileToMatch('dist/index.html', oneLineTrim`
       <script type="text/javascript" src="inline.bundle.js"></script>