Utilisez Webpack pour charger tous les fichiers d'un répertoire sans nécessiter une instruction require

Question

J'ai un grand nombre de fichiers javascript répartis dans 4 sous-répertoires de mon application. En gros, je les rassemble tous et les compile dans un seul fichier. Il n'y a pas de fonction module.exports pour ces fichiers.

Je souhaite les diviser en 4 parties à l'aide de Webpack. Je ne veux pas référencer tous les fichiers manuellement.

Je souhaite créer un plugin qui parcourt l'arborescence des répertoires au moment de la compilation et obtient tous les noms et chemins de fichiers .js, puis référence tous les fichiers des sous-répertoires et les ajoute à la sortie.

Je souhaite que tous les fichiers de chaque répertoire soient compilés dans un module qui peut ensuite être référencé à partir de mon fichier d'entrée ou inclus comme mentionné dans http://webpack.github.io/docs/plugins.html dans les ressources.

Lors de l'ajout d'un nouveau fichier, je veux simplement le placer dans le bon répertoire et savoir qu'il sera inclus.

Existe-t-il un moyen d'y parvenir en utilisant Webpack ou un plugin écrit par quelqu'un d'autre ?

Answer 1

Dans mon fichier d'application, j'ai fini par placer require

require.context(
  "./common", // 上下文文件夹
  true, // 包括子目录
  /.*/ // 正则表达式
)("./" + expr + "")

Merci pour ce post : https://github.com/webpack/webpack/issues/118

Maintenant, tous mes fichiers sont ajoutés. J'ai un chargeur pour HTML et CSS qui semble fonctionner correctement.

Answer 2

Voici ce que j'ai fait pour atteindre cet objectif :

function requireAll(r) { r.keys().forEach(r); }
requireAll(require.context('./modules/', true, /\.js$/));