使用 Angular cli 根据文件类型设置构建输出文件夹

Question

Webpack 5 可以按类型将构建输出拆分到文件夹中。例如，要将 js 和代码映射放在单独的文件夹 (/build/js) 中，可以在 webpack 配置中添加以下内容：

output: {
  filename: 'js/[name].[contenthash:8].js',
},

将图像和字体放入名为 media 的文件夹中>：

{
  test: /\.(png|jpe?g|gif|ico|woff(2)?|ttf|eot|svg|json)(\?v=\d+\.\d+\.\d+)?$/,
  type: 'asset/resource',
  generator: {
    filename: 'media/[name].[contenthash:8][ext]'
  }
},

对于 CSS：

new MiniCssExtractPlugin({
  filename: 'css/[name].[contenthash:8].css',
  chunkFilename: 'css/[name].[contenthash:8].chunk.css'
}),

是否可以通过使用 Angular CLI 实现 webpack 提供的同样的灵活性？默认情况下（ng new test），它将所有内容输出到同一文件夹（/build/test），这在大型项目中很难使用。

我检查了有关此主题的类似 Stack Overflow 问题，例如这个，它们要么已过时（>5 岁）或没有答案。 ngject 在 Angular 中不再可用。