在 Nodejs 中使用 Express 路由 Svelte答案

【问题标题】：Routing Svelte with Express in Nodejs在 Nodejs 中使用 Express 路由 Svelte
【发布时间】：2020-04-24 19:17:35
【问题描述】：

嘿嘿，问这个问题感觉有点笨，但是网上好像没找到答案：

我目前有一个nodejs express服务器，呈现我的views如下：

router.get('/example',ensureAuthenticated, function (req, res) {
  res.render('ejs_view', {
     title:"Title",
     msg:req.flash('msg'),
     err:req.flash('error'),
     user:req.user
  });
});

现在我想集成 Svelte，但保留一些 ejs 模板作为开始：

我如何使用 Express 作为 Svelte 视图的路由器？

【问题讨论】：

也许你可以把这两件事混合起来：consolidate view engine 和 svelte template engine
@PimentoWeb 看起来 consolidate.js 还不支持 Svelte，但我会试一试；谢谢

标签： node.js express svelte

【解决方案1】：

如果您使用 Svelte/Sapper 模板之一，即npx degit "sveltejs/sapper-template#rollup" my-app 您将获得一个名为 Polka 的包管理的路由。

这可以通过安装 express 并更改行 polka() // You can also use Express 轻松替换为使用 Express（您必须在顶部导入 express 而不是 polka）。

我一直在尝试找出如何将现有的 Express 应用程序与 Svelte/Sapper 集成 - 我从这里复制结构获得了最大的成功： https://github.com/appshore/SvelteSapperGraphQL

如果您克隆该 repo，您会看到 src > routes 中有一个 server 文件夹，其中包含 express 路由。

通常在根 app.js 文件中定义的 Express 选项被放入 src > server.js。

我这样做的方式是所有路由都由 Sapper 呈现，除非它们在 server.js 中定义（对我来说只是 POST/GET 请求，但我确信也可以呈现 EJS 视图)。

我的 server.js 文件：

import sirv from 'sirv';
import express from 'express';
// import polka from 'polka';
import compression from 'compression';
import * as sapper from '@sapper/server';

import routes from './server/routes';

const { PORT, NODE_ENV } = process.env;
const dev = NODE_ENV === 'development';

const app = express();

app.use(express.urlencoded({ extended: true }));
app.use(express.json());

// '/api' acts as a trigger route to use pure Express and ignore Sapper
app.use('/api', routes)

// polka() // You can also use Express
app.use(
        compression({ threshold: 0 }),
        sirv('static', { dev }),
        sapper.middleware()
    )
    .listen(PORT, err => {
        if (err) console.log('error', err);
    });

// Set public folder
app.use(express.static('static'))

文件夹结构：

Template Sapper app:

- src
  - server.js // Express options here
  - server
     - routes.js // Express routes here (used under '/api' route)
     - .. folders with each route

  - routes // Sapper routes

- static
- __sapper__
- .. other sapper files

【讨论】：