hrdtbs/root-import-with-create-react-app.md

Last active April 12, 2018 09:17

Star (1) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/hrdtbs/ae16a44d35c6128b38ccc2500a5ce34a.js"></script>
Save hrdtbs/ae16a44d35c6128b38ccc2500a5ce34a to your computer and use it in GitHub Desktop.

Download ZIP

Root import with Create-React-App

Raw

root-import-with-create-react-app.md

yarn add react-app-rewired babel-plugin-root-import --dev

"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test --env=jsdom"
}

const { injectBabelPlugin } = require('react-app-rewired');
const rootImport = ['root-import', {
  rootPathPrefix: '~',
  rootPathSuffix: 'src',
}];
module.exports = function override(config, env) {
  config = injectBabelPlugin(rootImport, config);
  return config;
}

`~/components/Button'