Webpack：如何检查自定义index.js文件是否存在并加载它

Question

我有这个文件结构：

src/
  MyComponent1/
    index.js
    index.custom.js
  MyComponent2/
    index.js

MyComponent1文件夹中的

index.js和index.custom.js文件包含MyComponent1的不同实现。

如果文件系统中存在此文件，我想从index.custom.js文件加载组件的代码。否则回退到index.js的代码。

// Should import src/MyComponent1/index.custom.js
import MyComponent1 from './MyComponent1';

// Should import src/MyComponent2/index.js
import MyComponent2 from './MyComponent2';

这可能吗？我正在使用React和Webpack 3。

Answer 1

尚未对其进行测试，但根据docs，您可以配置解析程序以使用自定义索引文件名。

将此添加到webpack配置应该可以解决问题。

resolve: {
  ...
  mainFiles: [ "index.custom", "index" ]
}