我有一个使用 Webpack 构建的 Angular 4 应用程序,我正在尝试提供一个 JSON 文件。两个问题:
- 在最简单的情况下,JSON 文件是静态的。我不知道如何设置 webpack 以包含
myfile.json
我包含图像的方式。也就是说,如果我查看页面上任何图像的 URL,它都是assets/angular.9db278d630f5fabd8e7ba16c2e329a3a.png
。我希望我的 JSON 有一个更简单的 URL。 - 在不太简单的情况下,我以编程方式构建文件。显然,构建 JSON 字符串不是问题,但显示它是。我查看了如何显示 PDF 的示例,但它们都需要插件,而且大多数只是在不同的窗口中调用
window.open
。由于 Angular 组件显示在网页的标记内,因此我无法“突破”页面。
有可能吗?我意识到,我问了两个问题,但我很乐意回答其中一个问题;不是两者:)
最佳答案
如果你使用的是 webpack 1,你可以使用 json-loader ; JSON 在 webpack 2 中默认加载(参见 json-loader 的 README)。
然后可以像导入图像一样导入 JSON import myFile from ./myfile.json
。
关于您的其他问题,如果没有一些示例代码,很难理解您要做什么。似乎您想在 Angular 应用程序之外的页面上显示创建的 JSON raw?
关于json - 我如何在 Angular 中提供 JSON?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45046600/