Use 'rt' as root path for module resolving

Author: dapi

.babelrc

@@ -16,7 +16,7 @@
     "@babel/plugin-transform-async-to-generator",
     "@babel/plugin-transform-runtime",
     ["module-resolver", {
-      "root": ["./src/"]
+      "alias": { "rt": "./src/" }
     }]
   ]
 }

src/components/AddCardLink.js

@@ -1,4 +1,4 @@
 import React from 'react'
-import {AddCardLink} from 'styles/Base'
+import {AddCardLink} from 'rt/styles/Base'
 
 export default ({onClick, t}) => <AddCardLink onClick={onClick}>{t('Click to add card')}</AddCardLink>

src/components/Card.js

@@ -8,9 +8,9 @@ import {
   CardTitle,
   Detail,
   Footer
-} from 'styles/Base'
+} from 'rt/styles/Base'
 import Tag from './Card/Tag'
-import DeleteButton from './widgets/DeleteButton'
+import DeleteButton from 'rt/widgets/DeleteButton'
 
 class Card extends Component {
   onDelete = e => {

src/components/Card/Tag.js

@@ -1,6 +1,6 @@
 import React, {Component} from 'react'
 import PropTypes from 'prop-types'
-import {TagSpan} from 'styles/Base'
+import {TagSpan} from 'rt/styles/Base'
 
 class Tag extends Component {
   render() {

src/components/Lane/LaneFooter.js

@@ -1,10 +1,10 @@
 import React from 'react'
 
-import {LaneFooter} from 'styles/Base'
+import {LaneFooter} from 'rt/styles/Base'
 
 import {
   CollapseBtn,
   ExpandBtn,
-} from 'styles/Elements'
+} from 'rt/styles/Elements'
 
 export default ({onClick, collapsed}) => <LaneFooter onClick={onClick}>{collapsed ? <ExpandBtn /> : <CollapseBtn />}</LaneFooter>

src/components/Lane/LaneHeader.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import InlineInput from 'components/widgets/InlineInput'
-import {Title, LaneHeader, RightContent } from 'styles/Base'
+import InlineInput from 'rt/widgets/InlineInput'
+import {Title, LaneHeader, RightContent } from 'rt/styles/Base'
 import LaneMenu from './LaneHeader/LaneMenu'
 
 const LaneHeaderComponent = ({

src/components/Lane/LaneHeader/LaneMenu.js

@@ -10,7 +10,7 @@ import React from 'react'
 	  LaneMenuItem,
 	  GenDelButton,
 	  MenuButton,
-  } from 'styles/Elements'
+  } from 'rt/styles/Elements'
 
 	const LaneMenu = ({t, onDelete}) => {
 	  return (

src/components/Loader.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import {LoaderDiv, LoadingBar} from 'styles/Loader'
+import {LoaderDiv, LoadingBar} from 'rt/styles/Loader'
 
 const Loader = () => (
   <LoaderDiv>

src/components/NewCardForm.js

@@ -7,9 +7,9 @@ import {
   CardTitle,
   CardWrapper,
   Detail
-} from 'styles/Base'
-import {AddButton, CancelButton} from 'styles/Elements'
-import EditableLabel from './widgets/EditableLabel'
+} from 'rt/styles/Base'
+import {AddButton, CancelButton} from 'rt/styles/Elements'
+import EditableLabel from 'rt/widgets/EditableLabel'
 
 class NewCardForm extends Component {
   updateField = (field, value) => {

src/components/NewLaneForm.js

@@ -1,8 +1,8 @@
 import React, {Component} from 'react'
 import PropTypes from 'prop-types'
-import {LaneTitle, NewLaneButtons, Section} from 'styles/Base'
-import {AddButton, CancelButton} from 'styles/Elements'
-import EditableLabel from './widgets/EditableLabel'
+import {LaneTitle, NewLaneButtons, Section} from 'rt/styles/Base'
+import {AddButton, CancelButton} from 'rt/styles/Elements'
+import EditableLabel from 'rt/widgets/EditableLabel'
 
 class NewLaneForm extends Component {
   updateField = (field, value) => {