Add .web.js and .web.jsx to resolve extension

[piu130]

Feature request or enhancement

We have some react-native-web support here in the react-preset.
For multi-platform support react-native-web need .web.js{x} files to be loaded like .android.js and .ios.js files. See here.
We should add those extensions somewhere in a preset or middleware (neutrino.config.resolve.extensions).

[edmorley]

That makes sense - thank you for filing :-)

Presumably the @neutrinojs/react preset would need to:

  neutrino.config
    .resolve
      .extensions
        .merge(['.web.js', '.web.jsx']);

(That is presuming the order of resolve.extensions doesn't matter?)

[piu130]

The order does matter:

// sayHello/index.js
export default () => console.log('hello')

// sayHello/index.web.js
export default () => console.log('hello web')

// index.js
import sayHello from './sayHello'
sayHello()

index.js logs hello if the extensions are added and hello web if the extensions are prepended.
We should prepend the extensions. Does merge prepend?

[edmorley]

.merge() appends unfortunately:
https://github.com/neutrinojs/webpack-chain/blob/815bfd173a2dc6f802b66a48cdb2c4d2ff47df9f/src/ChainedSet.js#L37-L40

...so I guess with the current webpack-chain API we'd need multiple .prepend() calls:
https://github.com/neutrinojs/webpack-chain/blob/815bfd173a2dc6f802b66a48cdb2c4d2ff47df9f/src/ChainedSet.js#L14-L17

[piu130]

Created a PR.