feat(build): add publicPath support via command and angular-cli.json

Author: changLiuUNSW

packages/angular-cli/commands/build.ts

@@ -13,6 +13,7 @@ export interface BuildOptions {
   aot?: boolean;
   sourcemap?: boolean;
   vendorChunk?: boolean;
+  publicPath?: string;
 }
 
 const BuildCommand = Command.extend({
@@ -35,7 +36,8 @@ const BuildCommand = Command.extend({
     { name: 'base-href',      type: String,  default: null, aliases: ['bh'] },
     { name: 'aot',            type: Boolean, default: false },
     { name: 'sourcemap',      type: Boolean, default: true, aliases: ['sm'] },
-    { name: 'vendor-chunk',   type: Boolean, default: true }
+    { name: 'vendor-chunk',   type: Boolean, default: true },
+    { name: 'public-path',    type: String,  default: null, aliases: ['p'] }
   ],
 
   run: function (commandOptions: BuildOptions) {

packages/angular-cli/lib/config/schema.d.ts

@@ -13,6 +13,7 @@ export interface CliConfig {
         root?: string;
         outDir?: string;
         assets?: string;
+        publicPath?: string;
         index?: string;
         main?: string;
         test?: string;

packages/angular-cli/lib/config/schema.json

@@ -39,6 +39,9 @@
             },
             "default": []
           },
+          "publicPath": {
+            "type": "string"
+          },
           "index": {
             "type": "string",
             "default": "index.html"

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

@@ -54,6 +54,7 @@ export function getWebpackCommonConfig(
     entry: entry,
     output: {
       path: path.resolve(projectRoot, appConfig.outDir),
+      publicPath: appConfig.publicPath,
       filename: '[name].bundle.js',
       sourceMapFilename: '[name].bundle.map',
       chunkFilename: '[id].chunk.js'

packages/angular-cli/models/webpack-config.ts

@@ -26,11 +26,13 @@ export class NgCliWebpackConfig {
     isAoT = false,
     sourcemap = true,
     vendorChunk = false,
+    publicPath?: string
   ) {
     const config: CliConfig = CliConfig.fromProject();
     const appConfig = config.config.apps[0];
 
     appConfig.outDir = outputDir || appConfig.outDir;
+    appConfig.publicPath = publicPath || appConfig.publicPath;
 
     let baseConfig = getWebpackCommonConfig(
       this.ngCliProject.root,

packages/angular-cli/tasks/build-webpack-watch.ts

@@ -16,6 +16,8 @@ export default Task.extend({
     const project = this.cliProject;
 
     const outputDir = runTaskOptions.outputPath || CliConfig.fromProject().config.apps[0].outDir;
+    const publicPath = runTaskOptions.publicPath ||
+                       CliConfig.fromProject().config.apps[0].publicPath;
     rimraf.sync(path.resolve(project.root, outputDir));
 
     const config = new NgCliWebpackConfig(
@@ -26,7 +28,8 @@ export default Task.extend({
       runTaskOptions.baseHref,
       runTaskOptions.aot,
       runTaskOptions.sourcemap,
-      runTaskOptions.vendorChunk
+      runTaskOptions.vendorChunk,
+      publicPath
     ).config;
     const webpackCompiler: any = webpack(config);
 

packages/angular-cli/tasks/build-webpack.ts

@@ -16,6 +16,8 @@ export default <any>Task.extend({
     const project = this.cliProject;
 
     const outputDir = runTaskOptions.outputPath || CliConfig.fromProject().config.apps[0].outDir;
+    const publicPath = runTaskOptions.publicPath ||
+                       CliConfig.fromProject().config.apps[0].publicPath;
     rimraf.sync(path.resolve(project.root, outputDir));
     const config = new NgCliWebpackConfig(
       project,
@@ -25,7 +27,8 @@ export default <any>Task.extend({
       runTaskOptions.baseHref,
       runTaskOptions.aot,
       runTaskOptions.sourcemap,
-      runTaskOptions.vendorChunk
+      runTaskOptions.vendorChunk,
+      publicPath
     ).config;
 
     const webpackCompiler: any = webpack(config);

tests/e2e/tests/build/public-path.ts

@@ -0,0 +1,15 @@
+import {ng} from '../../utils/process';
+import {expectFileToMatch} from '../../utils/fs';
+import {updateJsonFile} from '../../utils/project';
+
+
+export default function() {
+  return ng('build', '-p', 'publicPath/')
+    .then(() => expectFileToMatch('dist/index.html', 'publicPath/main.bundle.js'))
+    .then(() => updateJsonFile('angular-cli.json', configJson => {
+      const app = configJson['apps'][0];
+      app['publicPath'] = 'config-publicPath/';
+    }))
+    .then(() => ng('build'))
+    .then(() => expectFileToMatch('dist/index.html', 'config-publicPath/main.bundle.js'));
+}