相关疑难解决方法(0)

就像标题一样，我有一个由 reactJS 编写的登录页面，它很小，我想导出为纯静态 html。我已经研究过，但没有找到任何解决方案。

这可能是一个新手问题.我使用create-react-app创建了一个小的reactjs应用程序,我看到bundle.js文件是从http:// localhost:3000/static/js/bundle.js提供的.但是,我没有在我的机器上看到物理"捆绑"的javascript文件.如何生成物理捆绑的javascript文件,以便我可以在我的wordpress php代码中"注册"它？我正在构建一个小型wordpress插件,它将在客户端使用reactjs.我错过了一些明显的东西吗

我们一直在使用，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 = {
    //  ... our other configuration options, loaders, etc
    plugins: [
      new CleanWebpackPlugin(pathsToClean),
      new MiniCssExtractPlugin({
        filename: 'style.css',
      }),
      new HtmlWebpackPlugin({
        template: './template.html',
        // inject: 'body',
        inject: true,
        filename: './output.html',
        inlineSource: '.(js|css)$',
        chunks: ['chunk'],
     }),
      // new HtmlWebpackInlineSourcePlugin(); // Used to work for loading JS & CSS
      new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/.*/]); // Only loads …