я хочу отделить модули, созданные в моем проекте Angular, от папки 'dist' при сборке. Я пытался использовать WebPack, но правда не могла быть достигнута, или я не реализовал это хорошо. Я застрял в этой небольшой проблеме некоторое время, и я не знаю, что еще делать.
В настоящее время у меня есть эта структура в моем проекте angular.
. // <- project
├── ...
├── app
│ ├── ...
│ ├── modules
│ │ ├── app1
│ │ | ├── ...
│ │ | ├── components
│ │ | ├── services
│ │ | ├── shared
│ │ | ├── app1.module.ts
│ │ ├── app2
│ │ | ├── ...
│ │ | ├── components
│ │ | ├── services
│ │ | ├── shared
│ │ | ├── app2.module.ts
│ │ ├── app3
│ │ | ├── ...
│ │ | ├── components
│ │ | ├── services
│ │ | ├── shared
│ │ | ├── app3.module.ts
│ │ ├── ...
│ ├── ...
│ ├── app-routing.module.ts
│ ├── app.component.html
│ ├── app.component.scss
│ ├── app.component.ts
│ ├── app.module.ts
│ ├── ...
У меня часть RoutingModule настроена так:
.
.
.
const routes: Routes = [
{ path: 'App1', loadChildren: './modules/app1/app1.module#App1Module' },
{ path: 'App2', loadChildren: './modules/app1/app2.module#App2Module' },
{ path: 'App3', loadChildren: './modules/app1/app3.module#App3Module' },
...
];
@NgModule({
imports: [ RouterModule.forRoot(routes, { useHash: true })],
exports: [ RouterModule ]
})
export class AppRoutingModule { }
что я хочу, так это когда я делаю ... ng build --prod
. Я хочу, чтобы модули генерировались следующим образом.
. // <- project
├── ...
├── dist
│ ├── app
│ | ├── assets
│ | ├── main.js
│ | ├── polyfills.js
│ | ├── runtime.js
│ | ├── style.css
│ | ├── index.html
│ | ├── ...
│ ├── moduleApp1
│ | ├── ...
│ | ├── module-app1.js
│ ├── moduleApp2
│ | ├── ...
│ | ├── module-app2.js
│ ├── moduleApp3
│ | ├── ...
│ | ├── module-app3.js
Как мне иметь такую структуру папок?. Я хочу, чтобы кто-то помог мне, пожалуйста.