webpack Разрешить конфликт? Должен ли я использовать псевдоним?

Question

Я пытаюсь настроить веб-пакет для использования чистого импорта в моем приложении реакции:

import { userConstants } from 'constants';

вместо:

import { userConstants } from '../../constants';

В webpack.config.js я определил:

resolve: {
  modules: [
    "node_modules",
    helpers.root('client/app')
  ],
  extensions: ['*', '.js', '.jsx']
},

Это работало очень хорошо, пока я не добавил папку с именем constants. Интересно, может ли возникнуть какой-то конфликт с моим node_modules, поскольку я получаю сообщение об ошибке, которое исчезает, когда я изменяю имя папки на _constants:

ПРЕДУПРЕЖДЕНИЕ в ./client/app/actions/user.actions.js 83: 12-25 "экспорт 'userConstants' не найден в 'constants'

Мой вопрос: Должен ли я определить псевдоним в конфигурации веб-пакета для каждой из моих папок? components, containers, constants, reducers, actions, services?

Answer 1

да, вы должны использовать псевдоним для каждой папки, например:

alias: {
    constants: path.resolve(APP_DIR, 'constants'),
    api: path.resolve(APP_DIR, 'api'),
    components: path.resolve(APP_DIR, 'components'),
    reducers: path.resolve(APP_DIR, 'reducers'),
  } 

Это было бы полезно при разрешении и импорте модулей. И убедитесь, что у вас есть правильный APP_DIR