fix: handle hashed bundles

Author: patrickmichalina

src/commands/serve.ts

@@ -91,10 +91,10 @@ export function serve(
         modulesFolder,
         homeDir,
         cache,
-        output: `${browserOutput}/$name-$hash.js`,
+        hash: isProdBuild,
+        output: `${browserOutput}/$name.js`,
         target: 'browser@es5',
         useTypescriptCompiler: true,
-        hash: isProdBuild,
         plugins: [
           isAotBuild && NgAotFactoryPlugin(),
           isAotBuild &&
@@ -107,7 +107,7 @@ export function serve(
           Ng2TemplatePlugin(),
           ['*.component.html', RawPlugin()],
           WebIndexPlugin({
-            bundles: ['app', 'vendor'],
+            bundles: ['vendor', 'app'],
             path: 'js',
             target: '../index.html',
             template: resolve('src/app/index.pug'),

src/fusebox/compression.plugin.ts

@@ -40,23 +40,21 @@ export class CompressionPluginClass implements Plugin {
       Array.from(producer.bundles)
         .map(bundle => bundle[1].context.output)
         .map(bundleOutput => {
-          return readFile_(
-            `${bundleOutput.dir}/${bundleOutput.filename}.js`
-          ).pipe(
+          return readFile_(bundleOutput.lastWrittenPath).pipe(
             flatMap(file => {
               return forkJoin([
                 gzip_(file, { level: 9 }).pipe(
                   flatMap(compressed =>
                     bundleOutput.writeToOutputFolder(
-                      `${bundleOutput.filename}.js.gzip`,
+                      `${bundleOutput.lastGeneratedFileName}.gzip`,
                       compressed
                     )
                   )
                 ),
                 brotli_(file).pipe(
                   flatMap(compressed =>
                     bundleOutput.writeToOutputFolder(
-                      `${bundleOutput.filename}.js.br`,
+                      `${bundleOutput.lastGeneratedFileName}.br`,
                       compressed
                     )
                   )