Angular，webpack：将项目构建到输出路径中答案

【问题标题】：Angular, webpack: build project into output pathAngular，webpack：将项目构建到输出路径中
【发布时间】：2019-01-20 12:39:28
【问题描述】：

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

【问题讨论】：

标签： node.js angular npm webpack

【解决方案1】：

最简单的配置是定义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 也是完全有效的选项。

【讨论】：

感谢您的回复。我有类型错误：无法解构“未定义”或“空”的属性“createHash”。看来我需要升级我的 webpack 版本，这需要进一步调整吗？

【解决方案2】：

虽然--output-path 是一个完全有效的选项，但在Angular CLI workspace (angular.json) 文件中配置一次会更舒服。

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

【讨论】：