Configurer Webpack pour rechercher les fichiers correspondant au nom du répertoire

Question

Je suis en train de configurer un environnement pour une application React. J'utilise Babel et Webpack.

Actuellement, tous mes composants sont mis en œuvre dans les fichiers suivant ce schéma de nommage:

/components 
      /Component1 
       Component1.js 
       component1.style.scss 
       Component1.test.js 
      /Component2 
       Component2.js 
       component2.style.scss 

En ce moment, les deux seuls moyens que je peux importer ces composants est de créer un index.js ou package.json fichiers, et de les pointer au fichier Javascript, ou pour écrire l'importation complète; import Component1 from '/components/Component1/Component1

Est-il possible de configurer Webpack de sorte qu'après la recherche d'index.js et package.json, il recherchera un fichier qui correspond au nom du répertoire courant + .js?

Answer 1

Impossible de trouver un moyen de l'implémenter avec resolve configuration de webpack courant.

Mais voici quelques plugins directory-named-webpack-plugin que j'ai trouvé qui devraient faire exactement ce que vous voulez.

J'ai également ouvert un issue avec proposition de fonctionnalité.