es6 反应 webpack 从'./Home'导入主页，当'./Home'是一个文件夹时

Question

如果我理解正确，使用resolve: {extensions: ['', '.js', '.jsx']} webpack设置，以下语句

import Home from './Home'

会寻找'./Home.js'、'./Home.jsx'、'./Home/index.js'、'./Home/index.jsx'

我的问题是，除了上述 4 个文件之外，我如何教 webpack 也查找'./Home/Home.js'，'./Home/Home.jsx'使用相同的导入语句。

Answer 1

在您的解决方法中，您需要指定一个根路径，如下所示：

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

这告诉 webpack 从目录的根目录开始。