# JS

# Norme

Lorsque possible, si vous devez seulement manipuler des actions dans le DOM, privilégiez l'utilisation de vanilla JS sans framework.

La norme es6 doit être utilisée pour tout nouveau code.

# Bonnes pratiques

  • Utilisez import pour importer une dépendance (le linter va vous le mentionner autrement)

Exemples :

  • import $ from "jquery"
  • import 'bootstrap/js/dist/util';"

# Code splitting

Par défaut, lors d'un build, deux fichiers seront créés. Un pour votre code de projet et un pour vos vendors. Il sera préfixé par vendors~.

Avec optimization.splitChunks, Webpack va détecter les vendors et les regrouper. Comme cela risque de changer moins souvent que votre code, cela permet au visiteur de conserver en cache le plus gros morceau.

# Babel

Babel est utilisé pour s'assurer que notre code est fonctionnel pour un éventail suffisant de navigateurs.

La configuration par défaut de Babel est utilisée. Il s'agit de :

> 0.5%, last 2 versions, Firefox ESR, not dead.

Cette configaration se trouve dans le fichier package.json sous browserslist

Date de modification: 11/6/2020, 8:39:26 PM