Javascript 带网页包的内联CSS，不带HtmlWebpackInlineSourcePlugin？

我们一直在使用

HtmlWebpackInlineSourcePlugin

没有问题，但它不再受支持，因此我们转向了

InlineChunkHtmlPlugin

，它对JS非常有用，但拒绝捕获输出

style.css

文件并将其内联，这使我们没有样式

有没有什么方法可以内联CSS而不构建粗糙的自定义解决方案

有许多问题与我的类似，但我找到的所有答案都依赖于现在未维护的

HtmlWebpackInlineSourcePlugin

插件

const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const HtmlWebpackInlineSourcePlugin=require（'html-webpack-inline-source-plugin'）；
const InlineChunkHtmlPlugin=require（'react-dev-utils/InlineChunkHtmlPlugin'）；
module.exports={
//…我们的其他配置选项、加载程序等
插件：[
新的CleanWebPackagePlugin（pathsToClean），
新的MinicsSextract插件({
文件名：“style.css”，
}),
新HtmlWebpackPlugin({
模板：'./template.html'，
//注射：“身体”，
是的，
文件名：'./output.html'，
inlineSource:'（js | css）$'，
chunk:['chunk']，
}),
//新的HtmlWebpackInlineSourcePlugin（）；//用于加载JS和CSS
新的InlineChunkHtmlPlugin（HtmlWebpackPlugin，[/.*/]）；//只加载JS，不加载CSS--https://openbase.io/js/react-dev-utils
],
}

纱线添加

--dev

const HTMLInlineCSSWebpackPlugin=require（'html-inline-css-webpack-plugin'）。默认值；//需要插件吗
// ... 
// ...
新的InlineChunkHtmlPlugin（HtmlWebpackPlugin，[/.*/]）；//您现有的InlineChunkHtmlPlugin
新的HtmlLineCsSwebPackPlugin（）；//在InlineChunkHtmlPlugin之后添加新行

---

所有代码在其他方面都应该相同。希望这对某人有所帮助。

您是否使用了react eject？在自定义此之前？对不起，我不使用Create React应用程序。我认为传统智慧是你需要拒绝，我不能肯定地给出答案。是的，我在发表这篇评论后就遵循了这个方法。谢谢回复：）当我点击生成的HTML页面时，我得到了404错误。你面对过这样的事情吗？我是为网络而建的，所以我不能说。很抱歉