javascript - 在entry.js中包含某些文件时设置导入的上下文目录？

Question

在entry.js 文件中我有:
导入'index.js';

index.js 有许多来自另一个目录的导入，例如:

从“模块名称”导入测试。

但我已将所有模块移至另一个目录，并希望仅将 index.js 保留在主目录中。所以这就是为什么我必须使用新的目录位置重写所有导入，如下所示:
从../anotherdir/modulename导入测试

如何摆脱这个并强制 webpack 在新目录中搜索模块？

现在我正在使用 webpack allias，如果路径太长但仍然需要更改所有导入，这会帮助我。

Answer 1

您可以使用resolve alias in webpack

Resolve

These options change how modules are resolved. webpack provides reasonable defaults, but it is possible to change the resolving in detail. Have a look at Module Resolution for more explanation of how the resolver works.

webpack.config.js

module.exports = {
  //...
  resolve: {
    alias: {
      Utilities: path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/')
    }
  }
};

现在，在导入时不要使用相对路径，如下所示:

import Utility from '../../utilities/utility';

您可以使用别名:

import Utility from 'Utilities/utility';