Webpack псевдоним для папки sr c в приложении React?

Question

Я хотел бы использовать абсолютный импорт для импорта любого файла, относящегося к каталогу root src. Это моя структура папок:

example/
┣ public/
┃ ┣ index.html
┣ src/
┃ ┣ components/
┃ ┣ ┣ App.css
┃ ┣ ┣ App.js
┃ ┣ ┗ Todo.js
┃ ┣ api.js
┃ ┣ history.js
┃ ┗ index.js
┣ craco.config.js
┣ jsconfig.json

А вот моя конфигурация

var path = require("path");
module.exports = {
  resolve: {
    alias: {
      src: path.resolve(__dirname, "src"),
    },
  },
};

import Todo from "src/components/Todo"

Но я получаю эту ошибку.

Module not found: Can't resolve 'src/components/Todo' in 'C:\_MyFiles\Programming\example\src\components'

---

Однако, если я изменю конфигурацию и импортирую ссылку на подпапку в sr c, как это работает ...

var path = require("path");
module.exports = {
  resolve: {
    alias: {
      components: path.resolve(__dirname, "src/components"),
    },
  },
};

import Todo from "components/Todo"

---

Как заставить работать первый вариант, чтобы импорт ссылался на папку sr c вместо ее подпапок?