当'./Home'是一个文件夹时，es6 react webpack import Home from './Home'答案

【问题标题】：es6 react webpack import Home from './Home' when './Home' is a folder当'./Home'是一个文件夹时，es6 react webpack import Home from './Home'
【发布时间】：2016-06-06 13:02:53
【问题描述】：

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

import Home from './Home'

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

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

【问题讨论】：

为什么要在需要的时候使用同一个语句而不是import Home from './Home/Home'？
@Pcriulan 真的很好奇，我想有办法做到这一点，因为文件夹名称和文件名是相同的。它也有助于构建我的文件夹。

标签： reactjs ecmascript-6 webpack

【解决方案1】：

在您的解决方案中，您需要像这样指定根路径：

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

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

【讨论】：