Depuis des années, j'utilise la structure de répertoires suivante pour mes sites Web:
<root>
->js
->jquery.js
->tooltip.js
->someplugin.js
->css
->styles.css
->someplugin.css
->images
-> all website images...
cela m'a semblé parfaitement bien jusqu'à ce que je commence à utiliser différents composants tiers.
Par exemple, aujourd'hui, j'ai téléchargé un composant javascript datetime picker qui recherche ses images dans le même répertoire où se trouve son fichier css (le fichier css contient des URL comme "url ('calendar.png')").
Alors maintenant, j'ai 3 options:
1) mettez datepicker.css dans mon répertoire css et placez ses images. Je n'aime pas vraiment cette option car j'aurai des fichiers css et image dans le répertoire css et c'est bizarre. Je peux également rencontrer des fichiers de différents composants portant le même nom, tels que 2 composants différents, qui sont liés à background.png à partir de leurs fichiers CSS. Je devrai corriger ces collisions de noms (en renommant l'un des fichiers et en modifiant le fichier correspondant qui contient le lien).
2) mettez datepicker.css dans mon répertoire css, placez ses images dans le répertoire images et éditez datepicker.css pour rechercher les images dans le répertoire images. Cette option est correcte mais je dois passer un peu de temps à modifier les composants tiers pour les adapter à la structure de mon site. Encore une fois, des collisions de noms peuvent se produire ici (comme décrit dans l'option précédente) et je vais devoir les corriger.
3) mettez datepicker.js, datepicker.css et ses images dans un répertoire séparé, disons / 3rdParty / datepicker / et placez les fichiers comme prévu par l'auteur (par exemple, / 3rdParty / datepicker / css / datepicker .css, /3rdParty/datepicker/css/something.png, etc.). Maintenant, je commence à penser que cette option est la plus correcte.
Développeurs Web expérimentés, que recommandez-vous?
la source