diff --git a/C-modules.md b/C-modules.md index ce4ab5fa03e81b3f2c0e16bf86c1581808bf375a..f798d123726ca53b9d887bb2924b158f71161c99 100644 --- a/C-modules.md +++ b/C-modules.md @@ -2,7 +2,7 @@ ## Sommaire <!-- omit in toc --> - [C.1. Rappels](#c1-rappels) -- [C.2. Le support natif des modules dans les navigateurs modernes](#c2-le-support-natif-des-modules-dans-les-navigateurs-modernes) +- [C.2. Support natif dans les navigateurs modernes](#c2-support-natif-dans-les-navigateurs-modernes) - [C.3. Rendre les modules compatibles avec les vieux navigateurs](#c3-rendre-les-modules-compatibles-avec-les-vieux-navigateurs) - [C.4. mode dev vs mode prod](#c4-mode-dev-vs-mode-prod) - [Étape suivante](#Étape-suivante) @@ -33,7 +33,7 @@ Le [support navigateur des modules ES6](https://caniuse.com/#feat=es6-module) es Dans un premier temps nous ferons abstraction de ces questions de compatibilité et nous nous appuierons sur le fait que **les dernières versions de Chromium/Chrome et de FireFox supportent nativement les modules ES6**.<br>Nous verrons plus tard dans le TP comment rendre nos modules compatibles avec les vieux navigateurs grâce à Webpack. -## C.2. Le support natif des modules dans les navigateurs modernes +## C.2. Support natif dans les navigateurs modernes 1. **Avant d'utiliser le système de modules et les instructions `import`/`export`, il faut d'abord indiquer au navigateur que notre fichier `main.js` est lui-même un module.** Pour cela, ajouter un attribut `type="module"` dans la balise `<script>` du fichier `index.html` : ```html <script type="module" src="build/main.js"></script> @@ -137,6 +137,7 @@ Vous l'aurez peut-être remarqué, les deux scripts que l'on vient d'ajouter au 1. **Renommez** le fichier `build/main.bundle.js` en `build/main.bundle.dev.js` 2. Stoppez la commande `npm run watch` (<kbd>CTRL</kbd>+<kbd>C</kbd>) et **lancez à la place la commande `npm run build`**. 3. **Comparez** le fichier `main.bundle.js` généré avec le mode "production" et le `main.bundle.dev.js` qui avait été généré en mode "development". A votre avis, quelle est l'utilité du mode "production" ? +4. **Demandez au professeur qui encadre votre séance TP si vous avez vu juste avant de passer à la suite.** ## Étape suivante -Maintenant que les modules sont en place, on va. +Maintenant que les modules sont en place, on va passer à un peu de POO avancée : [D. POO avancée](D-poo-avancee.md)