在角度构建中构建其他CSS文件

Question

背景

@angular-builders/custom-webpack使我们可以自定义角度构建tutorial here的webpack配置。我正在使用它来构建Web扩展（Chrome / Firefox）的其他脚本。

这是我包含在extra.webpack.config.js中的angular.json

const { resolve } = require('path');

const scriptsDir = __dirname;

module.exports = {
  entry: {
    "background-script": resolve(scriptsDir, 'background-script/boot.ts'),
    "fill-manager": [resolve(scriptsDir, 'fill-manager/boot.ts')],
    "site-bridge": resolve(scriptsDir, 'site-bridge/boot.ts')
  }
};

如预期的那样，它会输出background-script.js，fill-manager.js和site-bridge.js以及角度构建工件。随着此webpack配置与angular的webpack配置合并，我们可以从单个angular.json文件控制所有优化，哈希，源映射等。

问题

我还想捆绑其他与扩展脚本一起使用并由角度构建控制的css文件。

我也许可以向extra.webpack.config.js添加特定的规则，加载器等，但是我不想处理postcss，autoprefixer和sass加载器等，因为它已经在angular中完成了。

就像脚本文件一样，仅在extra.webpack.config.js中添加css条目不会产生css文件，即。

module.exports = {
  entry: {
    ...
    "fill-manager": [resolve(scriptsDir, 'fill-manager/boot.ts'), resolve(scriptsDir, 'fill-manager/main.css')],
    ...
  }
};

有没有一种方法可以在extra.webpack.config.js中指定css / scss文件条目，并且它只是使用基于angular的配置输出捆绑的css文件？