React服务端渲染项目搭建
React 的服务端渲染项目搭建其实没那么玄乎，关键还是工具选得顺，配置走得稳。webpack + babel 的组合，老熟人了，配好 @babel/preset-env 和 @babel/preset-react，JSX 和 ES6+ 的代码就能顺利跑起来。
webpack-node-externals 挺好用，能跳过 node_modules 的打包，编译速度能快不少。开发阶段用 Nodemon 搭配 npm-run-all 跑脚本，代码改了就自动重启服务，比较省心。
React + Redux + React-Router 的组合就不用多说了，老搭档了。你要是想搞点同构逻辑，比如 SSR 预加载数据，那 redux-thunk 和 react-router-config 能帮不少忙。
样式这块也别忘了，服务端 CSS 得搞定，不然首屏加载容易闪屏。加上 CSS Loader 和 Style Loader，配上 babel-plugin-styled-components，你写样式会顺手多，样式还支持模块化。
，这套 React SSR 的搭建方案比较灵活，组件分明，适合想要可控性强的开发者。想参考点案例？下面这几个链接我觉得还不错，实战性强：
- React-SSR-TS 同构渲染项目
- 通用 Redux 模板 React+Redux 同构渲染与测试框架
- Frontend Boilerplate Webpack React Redux Babel Autoprefixer HMR 模板
如果你对 SEO 比较在意，又想搞前后端同构，React-SSR 这条路可以走走看，坑是有，但踩稳了就舒服多了～
文件大小：353.49KB
评论区