Блог

Главная - Вопросы по программированию - Импортирует путь в react

Импортирует путь в react

#reactjs

#reactjs

Вопрос:

Здравствуйте, у меня есть много импорта в reducex, например 

 import {groupAddTeacher} from "../../../../../../redux/actions/group";
import {groupAddEvent} from "../../../../../../redux/actions/group";

Как я могу заменить путь, исключив ../../../../../../

Я использую webpack

 entry: "./src/index.js",

Комментарии:

1. Если вы загуглите «webpack absolute import», там есть куча статей и руководств и тому подобное о том, как заставить работать абсолютный импорт. Фактическая конкретная конфигурация может отличаться в зависимости от версии вашего webpack.

Ответ №1:

Используйте решение webpack:https://webpack.js.org/configuration/resolve /

 resolve: {
  modules: ['src/redux', 'node_modules'],
  extensions: ['.jsx', '.js'],
  unsafeCache: true,
  alias: {
    actions: path.resolve(__dirname, 'src', 'redux', 'actions')
  }
}

Затем вы можете сделать

 import { groupAddEvent, groupAddTeacher } from 'actions/group';

Надеюсь, это решит вашу проблему!

Ответ №2:

Вы можете указать псевдоним при экспорте вашего модуля

 alias: {
    src: path.resolve(__dirname   '/root')
}

Затем вы можете сделать что-то вроде:

 import { groupAddTeacher }from 'root/redux/actions/group'