使用webpack v.2时如何缩短绝对路径？

Question

我想在我的项目中使用绝对路径解析规则，但是当我导入这样的模块时

import Component from "/home/components/Component.js"

无法通过webpack解决，只有这样才能解决：

 import Component from "/users/username/home/components/component.js"

我尝试在webpack.config中指定上下文，但没有任何意义：

context: __dirname

由于我在Windows上工作，如何更改webpack.config以便能够导入第一个代码段中的模块？换句话说，如何更改webpack v.2的绝对路径根？

Answer 1

您可以使用resolve.alias缩短导入路径：

<强> webpack.config.js

...
resolve: {
  alias: {
    home: '/users/username/home/',
  },
},
...

然后你就可以导入这样的模块：

import Component from "home/components/Component.js"

有关官方文档的更多信息：https://webpack.js.org/configuration/resolve/