用webpack解析所需路径

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

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

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

但我想写

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

我在想解析.别名可能有帮助,因为我看到了一个类似的例子{ xyz: "/some/dir" }作为化名,我可以require("xyz/file.js")...

但如果我把化名设为{ mydir: '/absolute/path/mydir' },,,require('mydir/myfile.js')不管用。

我觉得自己很傻,因为我已经读过很多遍了,我觉得我错过了什么。避免编写所有相关要求的正确方法是什么?../../等等?

提问于
用户回答回答于

就你而言:

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

用户回答回答于

作为将来的参考,webpack 2删除了所有的东西,但是modules作为解决路径的一种方式。

https://gist.github.com/sokra/27b24881210b56bbaff7#resolving-options

示例配置以以下内容开头:

{
  modules: [path.resolve(__dirname, "app"), "node_modules"]
  // (was split into `root`, `modulesDirectories` and `fallback` in the old options)

扫码关注云+社区