在 Webpack4 中设置 ./src 的路径？

Question

刚刚开始构建我自己的 webpack 配置。我环顾四周，但似乎找不到它。如何将导入路径设置为从根目录 (src) 开始？

- 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

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

然后

import { EXAMPLE } from "@/constants"

那个。代表当前路径

Answer 2

我使用别名解决了这个问题：

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

import { EXAMPLE } from "src/constants"

Setting path to ./src in Webpack4?