生成构建后如何将 Angular dist 内容复制到另一个位置？

Question

使用 ng build 生成构建后，如何自动将文件从 dist 文件夹复制到另一个位置？

Answer 1

Update the package.json file to add

"postbuild":"xcopy /s \".\/dist\" \"my\\folder\\path\" \/Y",

in the scripts object, replace the my/folder/path with your destination path.

/Y will not ask in the prompt to overwrite files.

Now run

npm run build

After the build the content of the dist will be copied to the folder.

Answer 2

Alternatively, you change the value of outputPath in angular.json. Note: This is path where angular puts build artifacts. You will no longer see dist/yourProjectName to have been updated as the artifacts directly go to your given path. Below is excerpt of angular.json

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "../../../../BackEnd/NodeJs/hostAngularProjectOnNodeJS/AppBackend/public/angular",