javascript - Webpack，向捆绑包中插入/添加新的 CSS？

Question

我有一个第三方函数，它将 CSS 作为string. 我的 webpack 包中需要这个 CSS。

我创建了一个新插件：

import fontawesome from '@fortawesome/fontawesome'
import { RawSource } from 'webpack-sources'

class FontAwesome {
  apply (compiler) {
    compiler.plugin('compilation', (compilation) => {
      compilation.plugin('additional-assets', (callback) => {
        compilation.assets['css/fontawesome.css'] = new RawSource(fontawesome.dom.css())
        callback()
      })
    })
  }
}

export default FontAwesome

这会产生一个名为fontawesome.css包含 CSS 的新资产。我可以将这个文件链接到我的主包旁边，但我宁愿将所有 CSS 放在一个文件中。

我如何将新的 CSS 插入到我已经创建的包中（使用extract-text-webpack-plugin）...？