如何从 StencilJS 中的本地 JSON 文件中获取数据？

Question

我正在学习 stencilJS 并且想从本地路径获取一个 JSON 文件。但是，在将此文件放入应用程序的 www 文件夹之前，我无法执行此操作。问题是每当我构建我的应用程序文件时，都会从文件夹中获取 deleted/removed。我想从我的应用程序的服务文件夹访问此文件。请在下面找到我的文件结构和代码。

src > services > mock.json

componentWillLoad() {
  return fetch("./services/mock.json")
    .then(response => response.json())
    .then(data => {
      this.mockData = data;
   });
}

配置文件

    import { Config } from '@stencil/core';
// import { sass } from '@stencil/sass';

export const config: Config = {
  namespace: 'mycomponent',
  globalStyle: 'src/globals/app.css',
  outputTargets:[
    { type: 'dist' },
    { type: 'docs' },
    {
      type: 'www',
      serviceWorker: null // disable service workers
    }
  ],
  plugins: [
    // sass()
  ]
};

提前致谢。

Answer 1

尝试在您的配置文件中添加以下步骤。

copy: [
    { src: 'services' }
  ]

它将整个目录从 src/services 复制到 www/services

如何从 StencilJS 中的本地 JSON 文件中获取数据？

How to fetch data from a local JSON file in StencilJS?

stenciljs