serverside-javascript - 在服务器上渲染带有样式的 React 组件

标签 serverside-javascript webpack

我正在为我的组件使用 React,为了将样式与我的组件打包在一起,我需要按照记录的 webpack 方法使用它们: require('./style.css'); 但是当我尝试在服务器上渲染时,node-jsx 在尝试转换 css 时会引发错误。是否有另一种转换 jsx 不会在 css 上中断的方法?我宁愿不将样式分解到它们自己的管道中,因为这会很好地破坏 webpack 打包组件的优势。

最佳答案

这可以通过将 webpack 的“目标”配置设置为“节点”来解决。

这个简单的示例应用程序应该清楚地解释它。

https://github.com/webpack/react-webpack-server-side-example/blob/master/webpack.config.js

关于serverside-javascript - 在服务器上渲染带有样式的 React 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27893448/

相关文章:

javascript - worklight 适配器中的 xml 处理

c# - 在 Node.js/服务器端 javascript 中使用 .NET DLL

javascript - 如何添加动态包装任何函数调用的 JS 代码?

css - 以 Angular 覆盖包的CSS样式

javascript - react 错误: unknown word when using webpack

javascript - 从 cron-job.org 运行 NodeJS cron

javascript - Socket.io 问题 : initializing a ton of clients using 'xhr-polling'

javascript - 当我将 jquery 添加到我的网站时,我的 JS 不起作用

javascript - 没有相对路径的动态导入模块

ruby-on-rails - 如何在 Rails/Webpacker/React 应用程序中处理图像?