如何访问 sapper/polka 中所有 svelte 组件的 json 数据文件

Question

我正在尝试用 Sapper（sveltejs）重写我的网站（Pug+Express）。我是 sveltejs 的初学者，如果我的问题可能真的很幼稚，请原谅。
我有一个 template.json 文件，其中包含我网站的所有静态数据。在 expressjs 版本中，我const template = require('template.json')使用 pug 模板渲染页面，如下所示

router.get('/:pageName', function(req, res, next) {
  res.render('pages/About', {template: template})

在 sveltejs/sapper 中实现此目标的等效版本是什么？到目前为止，我做了一个import template from 'template.json'在app/server.js文件中。然后呢？由于工兵模板使用波尔卡而不是快递，我很困惑如何正确使用它。有什么建议吗？

Answer 1

您可以将该数据放在routes使用它的页面（即 中的组件）中：

<!-- routes/index.html -->
<h1>{{title}}</h1>

<script>
  import data from './_template.json';

  export default {
    data() {
      return {
        title: data.title
      };
    }
  };
</script>

请注意，我在 , 中添加了一个下划线_template.json，以对路由器隐藏文件——您也可以将 JSON 文件放在routes目录之外。

您可以使用 Express 而不是 Polka；只是npm install express和替换的每次出现polka在app/server.js与express。