Задать путь к ./src в Webpack4?

Question

Просто начинаю создавать свой собственный конфиг веб-пакета. Я посмотрел вокруг, но не могу найти это. Как мне установить путь импорта, чтобы он начинался с root (sr c)?

- src
--components
---content
----Content.js
--constants
---example.js
---index.js

Если бы я хотел импортировать постоянный файл в свой компонент, мне пришлось бы взять ../../constant однако я хотел бы просто сделать ./constants

import { EXAMPLE } from "./constants"

В настоящее время это мое решение:

  resolve: {
    modules: [path.resolve(__dirname, './src'), 'node_modules'],
    extensions: ['.js'],
  },

Но я получаю сообщение об ошибке не могу решить Module not found: Error: Can't resolve './constants'

Answer 1

Я решил это с помощью псевдонима:

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

import { EXAMPLE } from "src/constants"

Answer 2

используйте resol.alias

  resolve: {
    alias: {
       @: 'src'
    },
    extensions: ['.js'],
  },

, затем

import { EXAMPLE } from "@/constants"

. представляет текущий путь