Question

给定目录结构，例如：

project
├───common
│   └───js
└───src
    └───js

有没有办法将导入路径添加到webpack中，以便src/js内的脚本可以解析common/js内的代码，如果它在本地找不到任何其他内容？
类似下面代码的内容包括common/js/CommonClass.js：

import CommonClass from "CommonClass.js";

这很容易做到，例如在config.rb内使用指南针：

add_import_path "common/scss"

Answer 1

Webpack接受多个资源根到config。

//webpack.conf.js
module.exports = {
   resolve: {
      root: [__dirname + '/common', __dirname + '/src']
   }
};

现在webpack也将搜索两个目录中的模块。请注意，该选项仅适用于绝对路径。

有关详细信息，请参阅webpack docs。

Answer 2

正如just-boris所说，你可以使用resolve配置。确切的设置是不同的，具体取决于您是否使用Webpack 1或2。

Webpack 1

＆＃13;

resolve: {
  root: [
    path.resolve('./client')
  ]
},

＆＃13;

Webpack 2

＆＃13;

resolve: {
  modules: [
    path.resolve('./client'),
    'node_modules'
  ]
},

＆＃13;

Aliasing是另一个有用的功能，但我个人觉得上面的配置更容易。

上的指南