javascript - 使用 webpack 解析需要路径

Question

我仍然对如何使用 webpack 解析模块路径感到困惑。现在我写:

myfile = require('../../mydir/myfile.js') 

但我想写

myfile = require('mydir/myfile.js') 

我在想resolve.alias可能会有所帮助，因为我看到了一个使用 { xyz: "/some/dir"} 作为别名的类似示例，然后我可以 require("xyz/file.js")。

但如果我将别名设置为 { mydir: '/absolute/path/mydir' }，require('mydir/myfile.js') 不会工作。

我觉得自己很笨，因为我已经多次阅读文档，但我觉得我错过了一些东西。避免使用 ../../ 等编写所有相关要求的正确方法是什么？

Answer 1

Webpack >2.0

见 wtk's answer .

Webpack 1.0

更直接的方法是使用 resolve.root。

http://webpack.github.io/docs/configuration.html#resolve-root

resolve.root

The directory (absolute path) that contains your modules. May also be an array of directories. This setting should be used to add individual directories to the search path.

在你的情况下:

webpack 配置

var path = require('path');

// ...

  resolve: {
    root: path.resolve('./mydir'),
    extensions: ['', '.js']
  }

消费模块

require('myfile')

或

require('myfile.js')

另见:http://webpack.github.io/docs/configuration.html#resolve-modulesdirectories