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

Question

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

\n

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

\n

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

\n

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

\n

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

\n

Answer 1

请参阅存储库，其中显示它已替换为mini-css-extract-plugin