19、搭建服务器渲染的 Express React 应用及集成 Redux

lambda

于 2025-11-28 09:03:36 发布

阅读量2

点赞数

CC 4.0 BY-SA版权

分类专栏： ReactJS实战蓝图精解文章标签： Express React 服务器渲染

本文链接：https://blog.youkuaiyun.com/lambda/article/details/155400185

ReactJS实战蓝图精解专栏收录该内容

21 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

搭建服务器渲染的 Express React 应用及集成 Redux

1. 搭建服务器渲染的 Express React 服务器

在完成共享组件的制作后，接下来要进行服务器端渲染的设置。

使用 Babel 转换代码

由于 Node 尚未完全支持 ES6/ECMAScript 2015，所以使用 Babel 将现代 JavaScript 代码转换为 ES5。虽然可以使用 babel - node 运行 Express 服务器，但在生产环境中不建议这样做，因为它会给每个请求增加显著的开销。

创建 server - production.es6 文件，并添加以下代码：

'use strict';
import path from 'path';
import express from 'express';
import compression from 'compression';
import cpFile from 'cp - file';
import errorHandler from 'express - error - handler';
import envs from 'envs';
import React from 'react';
import ReactDOM from 'react - dom';
import { Router, match, RoutingContext } from 'react - router';
import { routes } from './build/r