如何用 webpack 、fetch 异步引用 json？

Question

问题

使用 fetch 异步加载本地 json 文件，但 webpack 打包时无法将 json 文件同时打包。

代码

const result = fetch('../pagedata/page'+1+'.json')
result.then(res => res.json())

已尝试方法

1、使用 json-loader

使用 json-loader 就要直接 require 引用，可是我想用 fetch 异步加载

2、写个接口

我是纯前端，现在还不会写接口，只能使用本地文件

3、把 json 文件放 服务器跟目录

demo 需要别人拿去能直接打开使用，别人的服务器配置跟我肯定不一样

Answer 1

你只是需要一个前端的 mock 库如果你用的 angular 有 angular-mock如果你用的人 react 有 react-mock如果你用的 jquery，那就丰富了，可以试试 jquery-mockjax使用 fetch 的话，就用 fetch-mock 好了