Node 20环境下Angular 17中platform: 'node'的配置位置咨询

针对你遇到的WebPack 5无法识别Node内置模块的问题，需要通过自定义WebPack配置来指定Node平台，具体步骤如下：

• 安装自定义WebPack构建工具：

  npm install @angular-builders/custom-webpack --save-dev
  

• 在项目根目录创建webpack.config.js文件，写入以下配置：

  module.exports = {
    target: 'node'
  };
  

  注：WebPack中实际使用target: 'node'来指定Node平台，对应提示里提到的platform: 'node'。

• 修改angular.json配置：

  1. 找到projects -> [你的项目名称] -> architect -> build，将builder字段改为@angular-builders/custom-webpack:browser，并在options中添加自定义WebPack配置路径：

     "build": {
       "builder": "@angular-builders/custom-webpack:browser",
       "options": {
         "customWebpackConfig": {
           "path": "./webpack.config.js"
         },
         // 保留原有其他配置项
       }
     }
     

  2. 同样修改serve部分的builder为@angular-builders/custom-webpack:dev-server：

     "serve": {
       "builder": "@angular-builders/custom-webpack:dev-server",
       // 保留原有其他配置项
     }
     

完成以上配置后，重新执行ng serve，WebPack会以Node平台模式打包，自动识别stream等内置模块。

内容的提问来源于stack exchange，提问作者Thom