如何在 StencilJS 中启动应用程序之前调用 mirage 服务器

Question

我正在做一个 StencilJS 项目，我必须使用 MirageJS 来制作伪造的 API 数据。

如何在加载 StencilJS 应用程序之前调用服务器。在react中我们可以在index.ts文件中调用makeServer()，但是在stencil中，我们没有这样的文件

如何调用这个来启动mirage server，请大神指点正确的方法。

下面是我的 server.ts 文件 mirage/server.ts

import { createServer, Model } from 'miragejs';
import { auditFactory } from './factories';
import { processCollectionRequest } from './utils';
export const makeServer = async ({ environment = 'development' } = {}) => {
  console.log('started server');
  return createServer({
    environment,

    factories: {
      people: auditFactory,
    },

    models: {
      people: Model,
    },

    routes() {
      this.namespace = '/api/v1';

      this.get('/peoples', function (schema, request) {
        let res = processCollectionRequest(schema, request, 'peoples', this);
        // remove factory properties not in spec
        res.items.forEach(e => ['associatedResourceId', 'associatedResourceName', 'associatedResourceType'].forEach(p => delete e[p]));
        return res;
      });
    },

    seeds(server) {
      server.createList('audit', 20);
    },
  });
};

Answer 1

我不熟悉 MirageJS，所以我可能会离开，但是你可以使用 globalScript (https://stenciljs.com/docs/config) 然后运行你的 Mirage 服务器吗？

如何在 StencilJS 中启动应用程序之前调用 mirage 服务器

How to call mirage server before application starts in StencilJS

stenciljs

miragejs