Angular Webpack:将项目构建到输出路径中

时间:2018-08-13 18:05:19

标签: node.js angular npm webpack

我需要将用Angular编写的应用程序客户端部分与用Spring编写的服务器端集成。我想构建UI项目并将其保存在后端部分内的/ target文件夹中,以便随后可以使用maven安装它。我不确定使用ng build --output-path是否仍然是执行此操作的正确方法,而我正在使用@angular ^ 6.1.0,webpack ^ 2.7.0,节点v8.11.3,npm 6.2.0。

2 个答案:

答案 0 :(得分:3)

最简单的配置是定义ng build angular.json (替换为.angular-cli.json)中生成应用文件的位置。

 "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/your-app-name",
       // Removed unnecessary code

或者您可以使用这些命令行参数覆盖输出路径

ng build -op dist/example1
ng build --output-path=dist/example2

ng build --output-path也是完全有效的选项。

答案 1 :(得分:0)

尽管--output-path是一个完全有效的选项,但在Angular CLI workspace (angular.json)文件中对其进行一次配置更方便。

{
  "projects": {
    "project-name": {
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "project-name"
          }
        }
      }
    }
  }
}