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

【问题标题】：Setting path to ./src in Webpack4?在 Webpack4 中设置 ./src 的路径？
【发布时间】：2020-06-26 05:06:08
【问题描述】：

刚刚开始构建我自己的 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'

【问题讨论】：

【解决方案1】：

使用 resolve.alias

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

然后

import { EXAMPLE } from "@/constants"

.表示当前路径

【讨论】：

【解决方案2】：

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

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

import { EXAMPLE } from "src/constants"

【讨论】：