如何用 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 好了

Answer 2

用 Webpack-dev-server 搭一个本地服务器， AJAX 必须在服务器环境使用
http://www.jianshu.com/p/8adf...