Node.js 反应同构
我正在使用Node.js 反应同构,node.js,reactjs,isomorphic-javascript,Node.js,Reactjs,Isomorphic Javascript,我正在使用Node.js和ReactJS构建同构应用程序 我遇到过这样一种情况：在一些同构的React组件（在客户端和服务器端都呈现）中，我只需要包含客户端依赖项（例如一些通知库） 让它在服务器/客户端都工作（编译）的最佳方式是什么 p.S:我对可能的解决方法没有什么想法，比如检查浏览器环境变量（例如，一些窗口类型！==“未定义”）等等。但我不确定这是一个好方法。使用生命周期方法componentDidMount，该方法在服务器上未调用，而不是检查窗口是否未定义 “缺点”是，如果客户端依赖项增强
Node.jsReactJSReactp.S:我对可能的解决方法没有什么想法，比如检查浏览器环境变量（例如，一些
窗口类型！==“未定义”componentDidMount“缺点”是，如果客户端依赖项增强了某个元素，或者更改了该元素的任何属性，那么它将首先获得默认属性，因为它是在服务器端呈现的，当
componentDidMountcomponentDidMount“缺点”是，如果客户端依赖项增强了某个元素，或者更改了该元素的任何属性，那么它将首先获得默认属性，因为它是在服务器端呈现的，当
componentDidMount另一种方法（webpack或browserify）是利用package.json中的。您可以这样做，服务器需要一个noop文件，浏览器需要一个公开客户端api的文件。如果您使用的是browserify，我通常使用
process.browser另一种方法（webpack或browserify）是利用package.json中的。您可以这样做，服务器需要一个noop文件，浏览器需要一个公开客户端api的文件。我已经在名为process.env.webpack的网页包配置文件中定义了变量，并且在我的代码中定义了当我需要bottstrap js或我刚刚编写的其他东西时的变量
if(process.env.WEBPACK){
//awesome lib included or scss or whatever
}
我已经在名为process.env.webpack的网页包配置文件中定义了变量，并且在我的代码中定义了当我需要像bottstrap js之类的东西或我刚刚编写的其他东西时的变量
if(process.env.WEBPACK){
//awesome lib included or scss or whatever
}
正如我对ex所说的，我需要包括
notificatoinscomponentDidMountnotificatoinscomponentDidMount