Как ссылаться на компоненты, не вводя полный относительный путь?

Question

src
    components
        HomePage
            Calendar.js
    containers
        HomePage
            index.js

Я просто использую рекомендованную структуру папок в React (Presentation + Container). Пока я работал над структурой папок реагирующий шаблон , я могу ссылаться на Компоненты внутри папки компонентов без указания относительного пути, import Calendar from 'components/HomePage/Calendar';. Как это сделать в моем проекте, не вводя полный относительный путь, import Calendar from '../../components/HomePage/Calendar';

Answer 1

Следующий файл .babelrc позволил мне сослаться на компоненты с myproject/components/HomePage/Calendar вместо ../../components/HomePage/Calendar:

{
  "env": {
    "development": {
      "plugins": [
          ["module-resolver", {
            "alias": {
              "myproject": "./src",
            }
          }]
        ]
    },
    "production": {
      "plugins": ["transform-remove-console"]
    }
  }
}