feat(@angular/cli): add trailing slash to deployUrl when missing

Closes #7295

Author: tomastrajan

packages/@angular/cli/commands/build.ts

@@ -239,6 +239,11 @@ const BuildCommand = Command.extend({
       commandOptions.forceTsCommonjs = true;
     }
 
+    // Add trailing slash if missing to prevent https://github.com/angular/angular-cli/issues/7295
+    if (commandOptions.deployUrl && commandOptions.deployUrl.substr(-1) !== '/') {
+      commandOptions.deployUrl += '/';
+    }
+
     const BuildTask = require('../tasks/build').default;
 
     const buildTask = new BuildTask({

tests/e2e/tests/build/deploy-url.ts

@@ -27,5 +27,11 @@ export default function () {
     // verify --deploy-url is applied to non-extracted css urls
     .then(() => ng('build', '--deploy-url=deployUrl/', '--extract-css=false'))
     .then(() => expectFileToMatch('dist/styles.bundle.js',
-      /__webpack_require__.p \+ \"more\.[0-9a-f]{20}\.png\"/));
+      /__webpack_require__.p \+ \"more\.[0-9a-f]{20}\.png\"/))
+    .then(() => expectFileToMatch('dist/inline.bundle.js',
+      /__webpack_require__\.p = "deployUrl\/";/))
+    // verify slash is appended to the end of --deploy-url if missing
+    .then(() => ng('build', '--deploy-url=deployUrl', '--extract-css=false'))
+    .then(() => expectFileToMatch('dist/inline.bundle.js',
+      /__webpack_require__\.p = "deployUrl\/";/));
 }