javascript - 在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"

的 .代表当前路径