如何在StencilJS中应用程序启动前调用海市蜃楼服务器

Question

我正在从事一个StencilJS项目，在这个项目中，我必须使用MirageJS来生成假API数据。

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

我们如何叫它来启动海市蜃楼服务器，请有人建议正确的方式。

下面是我的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)然后在那里运行您的幻影服务器吗？