带有 preact-cli 和 ssr 的 unistore

Question

我将 unistore 与 preact-cli 一起使用，它与 --no-prerender 选项一起使用。现在我想对我的应用进行 SSR，但它需要转译，但我不知道如何仅为我的 server.js 编写 webpack.config，其他文件保持不变。

const MainAppContainer = require('../src/components/app')
const { Provider } = require('unistore/preact')
const createStore = require('../src/components/store')
const express = require('express');
const { h } = require('preact');
const path = require('path');

const store = createStore(initialState)
            let state = store.getState()
            let body = render(
                            <Provider store={store}>
                                <MainAppContainer url={req.url}/>
                            </Provider>
                        )
            const AppHtml = template.replace(RGX, body);

目录结构

• 构建
• 源代码
• 服务器
• 模板
• package.json

注意

项目由 preact-cli 使用默认模板创建 因此，如果我在服务器文件夹中排除 server.js，则所有内容都会按照 preact-cli 文档中的说明进行编译和运行。 我只想要一个如何编译 server.js 的解决方案 我们将不胜感激每一个解决方案或建议。谢谢大家

Answer 1

您可以从build/ssr-bundle.js 渲染您的应用程序。