无法使用 webpack-isomorphic-tools 生成 webpack-assets.json

Question

我正在尝试学习 React 以及围绕它构建的整个环境。我通过尝试构建自己的开发堆栈来做到这一点。

我很长时间无法解决的问题是如何在不失去服务器渲染能力的情况下提供 CSS/图像。

我已经阅读了一些教程并发现了webpack-isomorphic-tools

我已经对它们进行了配置并设法获得了支持的图像，以及 sass（转换为 css）。

但是，我遇到了一个问题，即我的 webpack-assets.json 文件没有生成，而是看到了这个输出。 （I managed to get it generated on a 2nd run of npm start before this commit, but that was definitely not a way to go，但它表明该插件在文件存在时有效。）

$ npm start

> redux-universal-example@0.0.0 start /Users/janvorcak/learning2016
> node src/server/index.js

[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)
[webpack-isomorphic-tools] (waiting for the first Webpack build to finish)

我了解此文件的用途，但我无法真正弄清楚为什么它根本没有生成。

我有什么遗漏的吗？ 这是相关文件和存储库

• https://github.com/jvorcak/universal-react-kit/tree/sass-loader （我的universal-react-kit 存储库上的 sass-loader 分支）
• 配置- https://github.com/jvorcak/universal-react-kit/blob/sass-loader/webpack-isomorphic-tools-configuration.js
• webpack.config.js - https://github.com/jvorcak/universal-react-kit/blob/sass-loader/webpack.config.js
• 运行服务器时的入口文件https://github.com/jvorcak/universal-react-kit/blob/sass-loader/src/server/index.js

有人可以解释发生了什么吗，我已经阅读了文档、博客，但我在这里遗漏了一些东西。谢谢。

Answer 1

没有生成assets文件的原因是因为你已经将webpack-dev-server集成到你的server.js中了。

https://github.com/jvorcak/universal-react-kit/blob/master/src/server/server.js#L81

这是一种错误的做法，因为在生产中您不需要webpack-dev-server，因此它的位置在其他地方。

在您的情况下，webpack-dev-server 是为了生成 webpack-assets.json 而这个 webpack-dev-server 正在运行 after webpack-isomorphic-tools .server() 方法调用它的回调，但它不会调用它的回调回调直到找到webpack-assets.json。

答案是在单独的进程中运行您的 webpack-dev-server（您可能需要参考 github.com/erikras/react-redux-universal-hot-example 以了解如何实现该目标的示例）。

https://github.com/halt-hammerzeit/webpack-isomorphic-tools/issues/47

你可能也喜欢我自己的样板，它可以做所有花哨的事情

https://github.com/halt-hammerzeit/webapp