Как установить 'sr c' для ресурса root в веб-пакете?

Question

У меня есть реагирующее приложение с пользовательским конфигом webpack (webpack-encore).

Как я могу установить папку 'sr c' в качестве ресурса root.
Пример:

Я хочу использовать

import 'components/someComponent.jsx' 

вместо

import '../../components/someComponent.jsx' 

Структура папки:

1. -app
2. - sr c
3. --- компоненты

Answer 1

Все, что вам нужно сделать, это добавить это в конфигурацию веб-пакета.

module.exports = {
 // ...
 resolve: {
  modules: [path.resolve(__dirname, 'app/src')]
 }
}

Answer 2

Вы можете создать псевдоним и затем использовать более короткий путь

let config = Encore.getWebpackConfig();
config.resolve.alias["~"] = path.resolve(__dirname, 'app/src');
module.exports = config;

Теперь ваш импорт будет выглядеть как

import SomeComponent from '~/components/someComponent.jsx'