在 Webpack4 中設置 ./src 的路徑？

Question

剛剛開始構建我自己的 webpack 配置。 我環顧四周，但似乎無法找到它。 如何將導入路徑設置為從 root (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"