使用 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 以便能够像在第一个 sn-p 中那样导入模块？换句话说，如何更改我的 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/