webpack 5 中的 extract-text-webpack-plugin 替换

Question

我正在将项目从 webpack 3 升级到 webpack 5。在项目中，它使用 raw-loader 和 extract-text-webpack-plugin 来解析导入的 html 文件（角度组件），然后合并所有 html 文件并输出一个 html。 这是 webpack 配置片段：

.
.
.
# initialize the extractText plugin
const extractHTML = new ExtractTextPlugin({
    filename: `${assetsPattern}.[contenthash].html`,
    allChunks: true
.
.
.
# setup the loader
{
    test: /\.html$/,
    loader: extractHTML.extract('raw-loader')
}
.
.
.

由于它是定制的应用程序，我需要将 html 作为单个文件。

但是在 webpack 5 中，extract-text-webpack-plugin 已被弃用。 这个插件的推荐替换是 mini-css-extract-plugin，但它是为 css 指定的，似乎不适用于其他文件类型。 通过使用 webpack 5 中的资产模块（资产/资源），它将输出多个 html 文件。

目前我被这个阻止了，是否有任何替代 extract-text-webpack-plugin 可以满足我的要求？ 或者还有其他解决方案吗？

Answer 1

查看说它已替换为mini-css-extract-plugin的repo