使用Webpack将JSON捆绑为纯JSON文件

雷·布伊森(Ray Booysen)

我有一个Web应用程序,它需要一个配置JSON文件,该文件包含端点和其他必需的启动参数。

如果我使用json-loader,则该文件不是“真实的json”,它将看起来像这样:

module.exports = {
    "name": "foo",
    "key": true,
};

我想要的是普通的旧JSON,这意味着它可以在部署过程中进行解析和更改,然后再发送到Web服务器并从中进行服务。

一种替代方法是使用文件加载器。但是,这意味着(即使这是一项琐碎的任务),我必须编写代码以自己下载文件。我想让webpack处理并可以使用。

有没有一种方法可以require将JSON文件写入普通的JSON文件并在运行时导入?

破旧

有没有一种方法可以require将JSON文件写入普通的JSON文件并在运行时导入?

Webpack在编译时起作用。这意味着当您需要一个文件时,它会加载该文件,并按照加载程序链的指定执行修改,并从该链中导出最终结果。因此,您所要求的听起来像是一个加载器,其作用类似于文件加载器,但是会导出一个IIFE,该IIFE返回对所需文件的承诺。

从理论上讲,可以有一个webpack加载器,比如说一个从文件加载器获取输入的异步文件加载器将为您处理异步请求。让我们假设类似:

const promisedFile = require('async-file-loader!file-loader!./myJson.json');
promisedFile.then(file => { console.log(JSON.parse(file)); });

但随后,用于处理请求的整个逻辑将被限制在该调用内。async-file-loader看起来像这样:

module.exports = function(source) {
    return `module.exports = eval("(function(url){
      /* define async request func, preform request and return promise in here */
   })(${url})")`;
}

真讨厌

当您想在运行时加载json文件时,我将看到2个选项:

  1. 使用文件加载器并自行异步请求json文件。
  2. 使用服务器端脚本语言并将配置注入.html文件。如果your're使用和的NodeJS表达例如在后端侧,你可以轻松地将使用配置Cheerio服务请求之前。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将JSON文件从Webpack主捆绑包中移出

来自分类Dev

将纯数据转换为json文件

来自分类Dev

Webpack无法在node_modules中正确捆绑.json文件

来自分类Dev

将具有内部json twitter4j数据的文件解析为纯文本

来自分类Dev

如何将所有 JSON 数据排序为纯 TXT 文件

来自分类Dev

使用require语法时如何使webpack不捆绑json?

来自分类Dev

如何将纯文本响应编码为 JSON 并使用 PHP CURL 获取特定数据

来自分类Dev

将纯文本文件转换为JSON

来自分类Dev

使用 JsonReader 将缓存的 Json 文件读取为 ByteArray

来自分类Dev

如何将JSON文件导出为Webpack中的单独块?

来自分类Dev

使用纯JavaScript解析JSON

来自分类Dev

将JSON数组解析为csv文件

来自分类Dev

将Postgres行导出为JSON文件

来自分类Dev

将json数据显示为HTML文件

来自分类Dev

python - 将文件解析为 json

来自分类Dev

如何使用json2csv nodejs模块将JSON对象解析为CSV文件

来自分类Dev

为什么将Webpack捆绑为“ System.register”

来自分类Dev

有什么方法可以将JSON文件捆绑到Jar文件中?

来自分类Dev

在捆绑资源 ios 离子目标 c 中打印时,Json 文件为空

来自分类Dev

在分层边缘捆绑中,如何使用json字符串而不是json文件?

来自分类Dev

将json对象下载为json文件python的方法

来自分类Dev

将看起来像JSON的文件解析为JSON

来自分类Dev

Pyparsing:将半JSON嵌套的纯文本数据解析为列表

来自分类Dev

使用webpack将证书文件导入为字符串

来自分类Dev

如何使用webpack捆绑javascript文件/ jquery文件?

来自分类Dev

在R文件中安全使用密码-防止将密码存储为纯文本

来自分类Dev

将 proj4js 与 webpack 捆绑会导致“位置 0 处的 JSON 中出现意外标记 m”

来自分类Dev

使用webpack捆绑CSS

来自分类Dev

使用PHP将JSON解析为MySQL

Related 相关文章

  1. 1

    将JSON文件从Webpack主捆绑包中移出

  2. 2

    将纯数据转换为json文件

  3. 3

    Webpack无法在node_modules中正确捆绑.json文件

  4. 4

    将具有内部json twitter4j数据的文件解析为纯文本

  5. 5

    如何将所有 JSON 数据排序为纯 TXT 文件

  6. 6

    使用require语法时如何使webpack不捆绑json?

  7. 7

    如何将纯文本响应编码为 JSON 并使用 PHP CURL 获取特定数据

  8. 8

    将纯文本文件转换为JSON

  9. 9

    使用 JsonReader 将缓存的 Json 文件读取为 ByteArray

  10. 10

    如何将JSON文件导出为Webpack中的单独块?

  11. 11

    使用纯JavaScript解析JSON

  12. 12

    将JSON数组解析为csv文件

  13. 13

    将Postgres行导出为JSON文件

  14. 14

    将json数据显示为HTML文件

  15. 15

    python - 将文件解析为 json

  16. 16

    如何使用json2csv nodejs模块将JSON对象解析为CSV文件

  17. 17

    为什么将Webpack捆绑为“ System.register”

  18. 18

    有什么方法可以将JSON文件捆绑到Jar文件中?

  19. 19

    在捆绑资源 ios 离子目标 c 中打印时,Json 文件为空

  20. 20

    在分层边缘捆绑中,如何使用json字符串而不是json文件?

  21. 21

    将json对象下载为json文件python的方法

  22. 22

    将看起来像JSON的文件解析为JSON

  23. 23

    Pyparsing:将半JSON嵌套的纯文本数据解析为列表

  24. 24

    使用webpack将证书文件导入为字符串

  25. 25

    如何使用webpack捆绑javascript文件/ jquery文件?

  26. 26

    在R文件中安全使用密码-防止将密码存储为纯文本

  27. 27

    将 proj4js 与 webpack 捆绑会导致“位置 0 处的 JSON 中出现意外标记 m”

  28. 28

    使用webpack捆绑CSS

  29. 29

    使用PHP将JSON解析为MySQL

热门标签

归档