ecmascript-6 - 使用 webpack 在 babel 中包含导入路径

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 在配置中接受多个资源根。

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

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

参见 webpack docs获取更多信息。