Question

你好，我有很多进口来减少x例如

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

如何通过排除../../../../../../

来替换路径

我正在使用webpack

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

Answer 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';

希望这可以解决您的问题！

Answer 2

您可以在模块导出中提供别名

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

然后您可以执行以下操作：

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

在反应中导入路径

2 个答案: