S3 Hostingで複数Angularプロジェクトを同一ドメインで動かしたい

###【やりたいこと】
S3hostingで複数サイトを同一ドメインでURLの振り分けがしたい
⇒ 旧サイト（Angular v2）がデプロイされているS3バケットにnewディレクトリを作成し、new下に新サイト（Angular v7）をデプロイしてURLで旧サイト・新サイトを振り分けるといった内容です。

###【S3バケットの構成】
S3のバケットのディレクトリ構成は以下になります。

assets/
favicon.ico
index.html
inline.bundle.js
inline.bundle.map
main.bundle.js
main.bundle.map
styles.bundle.js
styles.bundle.map
new/
 |ーassets/
　　favicon.ico
　　index.html
　　inline.bundle.js
　　inline.bundle.map
　　main.bundle.js
　　main.bundle.map
　　styles.bundle.js
　　styles.bundle.map

###【新サイトのルーティング】
以下のapp-routing.module.ts に/new のルーティングを追加
【app-routing.module.ts】

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { HogeComponent } from './hoge/hoge.component';

const routes: Routes = [
  { path: '', redirectTo: '/new', pathMatch: 'full' },
  { path: 'new', component: HogeComponent }
];

@NgModule( {
  imports: [RouterModule.forRoot( routes )],
  exports: [RouterModule]
})
export class AppRoutingModule { }

###【エラー内容】
https://hoge.com/new でnewディレクトリ下のアプリのビューが起動しない

以下は、ディベロッパーツール > Network の状況です。

new/ (index.html)     200
runtime.js            404
polyfills.js        404
styles.js            404
vendor.js            404
main.js                404
polyfills.js        404
vendor.js            404
main.js                404
inject.js            404

S3 Hostingで複数サイトを同一ドメインでURLの振り分けを行ったことがある方いましたら、お力をお貸しいただきたいですmm