Getting starting with module resolver

resolver.md

Babel Module resolver is a great tool we use to speed up development. Since es6 code has to go through babel anyway to compile to normal js, we can take advantage of this and remap the paths to files.

Firstly install the plugin. npm i -D babel-plugin-module-resolver

Add the paths you want to use to your .babelrc. Here's an example of how it could look with react native.

{
  "presets": [
    "react-native"
  ],
  "plugins": [
    ["module-resolver", {
      "root": ["./src"],
      "alias": {
        "@config": "./src/config",
        "@components": "./src/components",
        "@models": "./src/models",
        "@data": "./src/data",
        "@constants": "./src/constants",
        "@actions": "./src/actions"
      }
    }]
  ]
}

Import your files like a king! import { Theme } from '@config'

Nice