所以这里的想法是让 webpack 使用两个单独的配置进行编译，一个针对web（浏览器），另一个针对node（服务器端）。在其他 node/express 代码中可能需要服务器端包来使用 css 构建预渲染的 HTML。
这里有一个完整的示例，我将引导您了解其中的相关部分。
https://github.com/webpack/react-starter
app 中的prerender.html 是作者使用的服务器端模板。注意以下两行代码：
<link rel="stylesheet" href="STYLE_URL">
<script src="SCRIPT_URL"></script>
在https://github.com/webpack/react-starter/blob/master/make-webpack-config.js 处查看 webpack 的配置。传递到此处的选项取决于您是在进行产品构建还是开发构建。由于我们要构建客户端包和预渲染服务器包，让我们看一下https://github.com/webpack/react-starter/blob/master/webpack-production.config.js。它创建了两个包，特别是第一个带有针对浏览器的单独样式表，第二个配置用于预渲染。
对于第一次编译，它使用这个：
plugins.push(new ExtractTextPlugin("[name].css" + (options.longTermCaching ? "?[contenthash]" : "")));
在你的包旁边创建一个单独的 css 文件。在第二次编译期间（用于预渲染），它使用null-loader 来加载样式（因为我们已经在一个 css 文件中拥有了我们需要的样式，我们可以直接使用它）。
现在，我们将 css 的路径注入到您的服务器模板中。
看看这里简化的server.js：https://github.com/webpack/react-starter/blob/8e6971d8fc9d18eeef7818bd6e9be45f6b8643e6/lib/server.js
var STYLE_URL = "main.css?" + stats.hash;
var SCRIPT_URL = [].concat(stats.assetsByChunkName.main)[0];
app.get("/*", function(req, res) {
res.contentType = "text/html; charset=utf8";
res.end(prerenderApplication(SCRIPT_URL, STYLE_URL, COMMONS_URL));
});
假设您的 bundle 的输出路径与 server.js 相同（否则您可以使用 require("../build/stats.json").publicPath 获取 publicPath 并将其添加到上面的 STYLE_URL 和 SCRIPT_URL。
然后在你的prerender.jsx：https://github.com/webpack/react-starter/blob/8e6971d8fc9d18eeef7818bd6e9be45f6b8643e6/config/prerender.jsx
获取您的服务器端模板 prerender.html 并替换 URL：
var html = require("../app/prerender.html");
module.exports = function(scriptUrl, styleUrl, commonsUrl) {
var application = React.renderComponentToString(<Application />);
return html.replace("STYLE_URL", styleUrl).replace("SCRIPT_URL", scriptUrl).replace("COMMONS_URL", commonsUrl).replace("CONTENT", application);
};
我承认这可能很复杂和令人困惑，如果使用单独的 gulpfile 更容易，那就去吧。但是玩弄这个。如果您需要更多说明和帮助，您可以发表评论，我会尽快处理，或者您可以在此处使用 webpack 聊天室 (https://gitter.im/webpack/webpack)，我相信其中一位开发人员可能可以给你一个比我更好的解释。
希望这有点（？）有帮助！