如何更改 dist 文件夹路径而不覆盖输出文件夹中的现有文件

Question

我使用 JAVA 和应用程序引擎作为后端，使用 Angular 作为前端，我也想使用直接构建我的文件ng build并将它们输出到我的 java 项目，所以我尝试outputPath在我的angular.json文件中替换为这样{  ...  "options": [    {      "outputPath": "../../myproject/java/src/main/webapp/",      ...    }  ],  ...}所有文件都正确放置在webapp文件夹中，但唯一的问题是它会覆盖整个文件夹，导致丢失其他项目文件/目录，因此我必须手动将文件放置到此目录中，这是我想避免的。我还尝试更改base-href并尝试从文件夹加载我的文件。但是/dist更改base-href会导致错误的 url 路由。任何避免覆盖文件的解决方案。

Answer 1

如果您在构建后手动添加文件，那么您可以尝试编写一个postbuild操作，将所有这些文件复制到构建文件夹中。

文件package.json：

  "scripts": {

    "start": "ng serve",

    "build": "ng build --prod",

    "postbuild": "cp somefile ../../myproject/java/src/main/webapp/somefile",

    ...

  },

如果您使用的是 Windows 操作系统并且想要执行多个操作，您可以使用powershell可以作为postbuild步骤调用的脚本。

  "scripts": {

    ...

    "postbuild": "powershell ./update-build-folder.ps1",

    ...

  },

每次运行npm build/yarn build时，构建目录都会被清理，然后 Angular CLI 将输出 JS 文件，然后所有这些自定义文件将被放置在构建目录中。

Answer 2

您使用什么版本的 angular-cli？我能够成功构建到角度项目之外的目录，其中包含其他文件，而不会删除这些附加文件。（这是 Angular-cli v7.3.9 的情况）

最后，您确定其他脚本不是删除构建路径中文件的脚本吗？（即后端构建脚本）

...

"options": {

            "outputPath": "../custom-output/web/build-here",

            ...

},

...

截图：