Bundler

Permet de combiner plusieurs fichiers en un seul

          <script src="main.js" type="module">
        

          import { hello } from './module1.js'
          import { capitalize } from './module2.js'

          hello(capitalize("john"))
        

          function hello (name) {
            console.log('Bonjour ' + name);
          }

          function capitalize(str) {
            return str.charAt(0).toUpperCase() + str.slice(1);
          }

          hello(capitalize("john"))
        

Outils

• esbuild
• SWC
• rollup
• rspack
• ...

Transpiler

Permet de transformer un langage en JavaScript

Pourquoi ?

• Supporter d'anciens navigateurs
• Syntaxes alternatives (TypeScript, JSX)

Outils

• babel
• tsc
• esbuild
• ...

Linter

Permet une analyse statique du code

Pourquoi ?

• Éviter les erreurs en amont
• Promouvoir de meilleurs pratiques
• Assurer une cohérence en équipe

Outils

• eslint

Formatter

Permet de mettre en forme le code

Pourquoi ?

• Assurer une cohérence en équipe
• Rend le code plus lisible

Outils

• prettier
• eslint

Package manager

Permet d'utiliser des librairies tiers

Outils

On utilise l'écosystème de NodeJS

• npm
• yarn
• pnpm

Starter kit

Permet de démarrer rapidement

Outils

• vite