React-native: Require Non-JS Files

[vishnevskiy]

I know there is discussion in other threads going on about webpack and having that would fix this issue.

However in the meantime there are quite a few NPM modules that are 100% compatible with the browser and would be with React-Native but they require JSON files for example and React seems to not like that.

Is there intention to add support for requiring arbitrary text files or JSON files? Similar to https://github.com/webpack/raw-loader

I guess what I am asking is for require hooks.

Thanks!

[amasad]

yes, there are plans to give you the option to use webpack. Meanwhile add particular extensions, is json what you want? any others?

[vishnevskiy]

JSON would probably fix most issues.

An example library I was trying to use was.

https://github.com/markdown-it/markdown-it

It depends on an NPM module https://www.npmjs.com/package/entities which has an entities.json and due to that fails to work.

[jsdf]

A temporary workaround for existing npm packages is to use browserify --standalone (or wzrd.in) or similar to generate a UMD bundle for the particular package you want to use, vendor it in to your project and then just require that file. I used this workaround successfully with htmlparser2.

However, ideally .json requires would be supported as they are supported out of the box in node, browserify and webpack, and that's the standard a lot of npm JS is written to.

[sthomp]

@jsdf Thanks for the browserify --standalone workaround. This also worked for me.

[asamiller]

@jsdf Could you provide a little more info about how you got it to work? I tried running htmlparser2 through wzrd.in and saving the result to htmlparser2.js then var htmlparser = require('./htmlparser2.js'); and I get an Requiring unknown module "../maps/decode.json" error.

[jaygarcia]

@vjeux , are there any plans on updating the Common JS implementation for this project to act more like the standard? It seems a fairly common thing (including myself) to want something like the above.

[amasad]

I'm adding .json modules today :)

[amasad]

requireing .json landed internally, should land here next sync.

[brentvatne]

This is fixed, you can test it with:

var data = require('./package.json');
React.AlertIOS.alert(data.name);

[ahassen]

I'm not sure if this issue is solved for YAML files, but I wasn't able to require a YAML.

var yaml = require('../resources/i18n/message.yml')

This is what im doing to import the YAML, but I get an empty Object.

[stereodenis]

@brentvatne get the same issue too. I can't read yml file

[nikolakanacki]

any plans to support yaml as well?