Html5-boilerplate: Optimisation du nom de fichier, ajout de "différer", message d'accueil de la console pour confirmer la connectivité

Créé le 20 août 2020  ·  18Commentaires  ·  Source: h5bp/html5-boilerplate

Je soumets un...

  • [ ] rapport d'erreur
  • [x] demande de fonctionnalité
  • [ ] autre (Veuillez ne pas envoyer de demandes d'assistance ici (ci-dessous))

Salut tout le monde!!!

J'ADORE cet outil, c'est incroyable pour les développeurs comme moi qui écrivent principalement en Vanilla Js , en particulier lorsque les frameworks sont exagérés pour la tâche à accomplir.
Mes demandes de fonctionnalités sont simples - je serais heureux de vous aider à les mettre en œuvre si l'une d'entre elles est jugée digne !

1. Changez le nom du fichier "main.js" en "app.js"

_Vs Code et de nombreux autres IDE/éditeurs de code utilisent par défaut "app.js" comme fichier Javascript "par défaut"_

2. Ajoutez "defer" à la balise de script du fichier Js source :

<script defer src="app.js"></script>

_Cela permet à tous les éléments DOM de se charger avant d'exécuter les scripts Js_

3. Ajoutez 1 ligne de code à main.js (_ou app.js, s'il a changé_) :

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_C'est juste une façon élégante de confirmer que nos fichiers HTML et Js sont prêts !_

4. Changez le nom du fichier "main.css" en "style.css"

<link rel="stylesheet" href="style.css">

_Vs Code et de nombreux autres IDE/éditeurs de code utilisent par défaut "style.css" comme importation de fichier CSS "par défaut"_

Commentaire le plus utile

  1. Je pense que je serais d'accord pour changer le nom de main.js en app.js, mais cela ne me dérange pas de toute façon.
  2. Différer peut être d'une grande aide pour optimiser la vitesse de la page, mais ce n'est pas toujours une bonne idée car le JS peut être nécessaire pour rendre la page. Je pense qu'il serait préférable de ne pas ajouter de report au modèle.
  3. Je ne sais pas si cela est vraiment nécessaire. Il est probablement préférable que les développeurs configurent eux-mêmes les tests plutôt que de laisser du code dans le script qui pourrait passer en production.
  4. Je pense que cela pourrait être une bonne idée. Convenez que le nom de fichier le plus courant pour le CSS d'un site est "style.css"

Tous les 18 commentaires

Je peux être contacté via [email protected] en plus de github.
Merci!!!

  1. Je pense que je serais d'accord pour changer le nom de main.js en app.js, mais cela ne me dérange pas de toute façon.
  2. Différer peut être d'une grande aide pour optimiser la vitesse de la page, mais ce n'est pas toujours une bonne idée car le JS peut être nécessaire pour rendre la page. Je pense qu'il serait préférable de ne pas ajouter de report au modèle.
  3. Je ne sais pas si cela est vraiment nécessaire. Il est probablement préférable que les développeurs configurent eux-mêmes les tests plutôt que de laisser du code dans le script qui pourrait passer en production.
  4. Je pense que cela pourrait être une bonne idée. Convenez que le nom de fichier le plus courant pour le CSS d'un site est "style.css"

D'accord sur 1 et 4. J'utilise toujours app.js et style.css dans mes projets. D'accord avec @coliff sur 3. Le journal de la console peut être déployé en production par erreur.

Temps d'histoire : #1116

Je soulignerai que nous avons un projet entièrement séparé qui s'appelle littéralement main.css, il serait donc un peu amusant de changer le nom en aval. Je ne suis pas tout à fait contre, mais c'est peut-être un peu bizarre.

Merci tout le monde. Faites-moi savoir ce que vous voulez faire à propos des numéros 1 et 4 (si ce n'est pas trop bizarre, essayez simplement de garder les choses à jour)

Dois-je fermer ça ?

Je ferai suivre quand j'aurai le temps. Alors laissez-le reposer pour l'instant. Je ne suis convaincu par aucune de ces accusations, mais je souhaite également répondre correctement aux suggestions.

Ah d'accord! Pas de problème, je ne veux pas faire de mal à qui que ce soit. Pas de précipitation du tout à cette fin, je ne voulais tout simplement pas que l'onglet Problèmes soit flagrant avec quelque chose que j'ai ouvert et ne pas être proactif à ce sujet. Acclamations! 🔥

Pas de soucis du tout. Parfois, ce truc bouge vite, d'autres fois moins.

Je n'ai pas l'intention de faire quoi que ce soit pendant très longtemps à part améliorer mes compétences et continuer à donner des cours particuliers à quelques étudiants !!! Je ne savais pas que vous aviez sorti quelques livres, je vais les récupérer dès que possible. Aussi, c'est super de voir un collègue développeur de Mass... Je suis de Springfield, mais j'ai joué beaucoup de concerts de cette façon. Tout ce dont vous avez besoin, donnez-moi juste un cri, pas de précipitation pour quelque raison que ce soit, rien n'est cassé haha

@vltansky , il pourrait être intéressant d'ajouter les noms de fichiers en option au script de création.

Spoiler : Je penche pour app.js, mais j'hésite à changer le nom de main.css, juste à cause du projet qui l'héberge. Je suppose que c'est un point de discussion. Est-il important que le projet en amont porte un nom différent ? Je pense que styles.css est un meilleur nom, bien sûr. Je vais peut-être tweeter à ce sujet. Il n'y aurait aucun problème à avoir main.css comme dépendance (en tant que projet) puis à le construire avec le nom que nous voulons. Nous pourrions même ajouter cela en option au projet main.css. hum. J'essaierai de faire bouger les choses ce week-end.

🤔

Ça a l'air bien. Ceci est ma première demande de fonctionnalité, je l'apprécie

Je vote en faveur de l'utilisation du nom de fichier style.css . Le CSS compilé final d'un utilisateur inclura notre 'main.css', mais il inclura également ses propres styles personnalisés et peut-être des styles d'autres plugins, etc. Ainsi, le CSS final de son projet n'est pas seulement 'main.css'.

oui 👍🏻

Salut @klutchdev. J'ai forké ce référentiel et ajouté des modifications comme vous l'avez demandé. Maintenant, que dois-je faire ?

Oh!! euh, je pense que c'est à @roblarsen ? Il allait penser à certains changements @coliff , @vltansky et moi-même en avons parlé, alors je dirais juste accrochez-vous

fermé via #2341 et #2342 Merci pour la suggestion @klutchdev !

Bienvenue

Cette page vous a été utile?
0 / 5 - 0 notes