Transforms require statements for given custom extensions:

This plugin was originally created for react-native-white-label library.

Modify require statements according to specified options.

If you have img.png asset as follows using custom extensions,

and if you want to bundle different files without modifiying the code,

require('./src/img.png')

for specific configs you are running your application, pass following options to babel plugin.

{ mask: 'csa', exts: ["png", "jpeg", "gif"] }

If src directory has img.csa.png bundler will pick up it or if img.csa.png is not available it'll pick up img.png

npm install --save-dev babel-plugin-rn-white-label

or

yarn add -D babel-plugin-rn-white-label

babel.config.js:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ['rn-white-label', { 
      mask: 'csa', 
      exts: ["png", "jpeg", "gif"]
    }
    ]
  ]
};

or

.babelrc:

{
  "plugins": [
    ["rn-white-label", {
      "mask": "csa",
      "exts": ["png", "jpeg", "gif"]
     }
    ]
  ]
}