requirejs load static JSON file

Question

Я хочу сохранить json-документ для хранения некоторых простых данных, и я хочу потребовать этот документ и использовать json-объект в вызове define(), чтобы я мог его использовать. Это не асинхронный вызов. Я имею в виду, что это должно быть для разработки, но я хочу скомпилировать файл на сборке в отличие от фактического асинхронного вызова от API, где контент является динамическим.

Answer 1

Самый простой способ сделать это - использовать плагин requirejs json для этого, это позволит вам также включить ваш файл в сборку.

https://github.com/millermedeiros/requirejs-plugins
Вот пример:

require(['json!someFile.json'], function(data){ 
    ... 
}) 
// It does not actually need to be a .json extension, this will work to: 
require(['json!someFile'], function(data){ 
    ... 
}) 

Если вы хотите включить файл в вашем r.js построить так, чтобы она всегда оптимизируется в основные/JS файл начальной загрузки, вы должны добавить его к опции включения

Вы также можете использовать текстовый плагин js для этого, он обычно используется для загрузки файлов шаблонов, но вы можете использовать его для загрузки файлов .json.

https://github.com/requirejs/text

Вам придется разобрать содержимое вашей собственной личности, то с JSON.parse
(Включить json2.js, чтобы обеспечить поддержку старых браузеров, если это требуется)

Вы также можете обернуть в JSON в своем собственном определить(), поэтому вы можете просто потребовать его традиционно, но это не сработает, если вы ограничены фактическим файлом .json.

Другой вариант - потребовать, чтобы текстовый файл зависел от ajax your self, с jquery или чем-то еще.

$.get('somefile.json', function(data) { 
    // do something with your data 
}); 

Answer 2

Проводка ли это ответ, потому что:

• это то, что пользователь задает вопрос на самом деле используется в качестве решения
• это уборщик, чтобы смотреть на, чем требуется текст, так как он всегда делает JSON.parse() для вас.

RequireJS has a JSON plugin. Синтаксис прост:

require(['json!someData.json'], function(data){ 
    ... 
})