express + webpack + react-dom 实现简单的项目同构

设计说明

• 使用react-dom的原因是因为react-dom有成熟的虚拟DOM和renderToString方法。

使用说明

How to run

安装依赖

npm install

#or

yarn

开发用于浏览器环境运行的文件

npm run dev

构建用于浏览器环境运行的文件

npm run build

构建用于服务端渲染的文件

npm run buildServer

启动 HTTP 服务器

npm run express

可在浏览器端查看效果了 http://localhost:3000

存在的问题

1. 同构后node输出的html内引用哪个js文件 答：引用bundle_browser.js，跟非同构时引用的是一个，但是这个js文件是通过react-dom的render方法实现渲染的; so, pass; so: 待解！！