要在Angular中构建监视并创建多个main.js文件,可以使用Angular的多项目配置功能。
首先,您需要在.angular.json文件中创建多个项目配置。每个项目配置都需要具有自己的根文件(main.ts),输出目录(outputPath)和其他相关设置。
下面是一个示例.angular.json文件,其中包含两个项目配置(项目1和项目2):
{
...
"projects": {
"project1": {
"root": "src/project1",
"sourceRoot": "src/project1",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"main": "src/project1/main.ts",
"outputPath": "dist/project1",
...
}
},
...
}
},
"project2": {
"root": "src/project2",
"sourceRoot": "src/project2",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"main": "src/project2/main.ts",
"outputPath": "dist/project2",
...
}
},
...
}
},
...
},
...
}
接下来,您可以使用Angular CLI的命令行工具来构建和监视这些项目。以下是一些常用命令:
ng build project1
ng build project1 --watch
ng build project2
ng build project2 --watch
使用这些命令,您可以同时构建和监视多个项目,并为每个项目生成独立的main.js文件。