Webpack: как проверить наличие файла custom index.js и загрузить его

Question

У меня есть такая файловая структура:

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

index.js и index.custom.js файлы в папке MyComponent1 содержат различные реализации 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

Не тестировал его, но в соответствии с документами вы можете настроить для распознавателя использование пользовательских имен файлов индекса.

Добавление этого в конфигурацию webpack должно помочь.

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