title: Building with custom file extensions in react native
body: <p>I am developing an app which targets different kinds of users.I want to build different UIs, different Testcases for each variant with same logic in the same repo. Lets say If I have 3 kinds of users(X,Y,Z) So I wanted to achieve like this , <code>index.X.js, index.Y.js ,index.Z.js</code> . If there is no variant file it should fallback to default <code>index.js</code> . So When I want to build app for X type of users I can build app with all <code>.X.js</code> files.</p>
  
  <p>I have gone through below two packages <a href="https://github.com/wix/react-native-repackager" rel="nofollow noreferrer">https://github.com/wix/react-native-repackager</a> and <a href="https://github.com/elsassph/webpack-require-variant" rel="nofollow noreferrer">https://github.com/elsassph/webpack-require-variant</a>. First package is supported for only specific versions of react-native and I am not sure that I don't run into any issues because of using these(Running in CI,Running Testcases , Hot reloading etc). </p>
  
  <p>Is there any standard solution for this problem ? </p>