egg-view-react-ssr-rsbuild v1.0.5

egg-view-react-ssr-rsbuild

This plugin is forks from 「egg-view-react-ssr」and is only provided for internal project, react server side render for egg, which append rsbuild middleware and hack origin code to adapt for it.

这是一个修改自「Egg-view-react-ssr」的库，仅提供给内部项目使用。这个库融合了原SSR/CSR的功能，并且增加了Rsbuild构建中间件，对CSR功能进行了Hack处理以便能正确启动开发服务器。

Usage

Install

npm i egg-view-react-ssr-rsbuild -D

Config

在config/config.local.ts下注释掉egg-webpack 和egg-webpack-react插件，并将react-view-reawct-ssr插件更改为此插件。

 reactssr: {
    package: 'egg-view-react-ssr-rsbuild',
}

在根目录下新建dev.tsx作为Rsbuild的入口文件。

import Entry from './app/web/page/app-dev.tsx'; // 此处为项目的入口文件，注意: 不能使用bootstrap和hot函数包裹组件，此处复制一份app-dev.tsx文件并去除了上述函数
import ReactDOM from 'react-dom';

const container = document.getElementById('app');
// @ts-ignore
ReactDOM.render(<Entry />, container);

Options

插件默认会读取根目录下的webpack.config.js 内的sass-resources-loader全局SASS文件配置、resolve.alias配置、externals 配置作为rsbuild的默认配置，其余配置将被忽略。

如果启动开发服务器有问题，可以在根目录下新建rsbuild.config.ts文件进行配置覆盖。

Start

正常启动egg开发服务器即可。

npm run dev