Tech: s’assure que le nom des bundles soit index.XXX.js et index.YYY.css

Les règles de nommage par défaut de Parcel utilisent l’arbre d’import pour déterminer quel est le nom du fichier racine : https://github.com/parcel-bundler/parcel/blob/v2/packages/namers/default/src/DefaultNamer.js On fait donc deux choses pour qu’il s’y retrouve : - mettre index.html en premier dans la ligne de commande - remonter la balise script pour que le JS soit rencontré avant les liens vers les pages thématiques (qui l’incluent aussi) La balise <script> étant de type "module", ma compréhension est que ce n’est pas un souci de la remonter dans le <head>, car son chargement est toujours "deferred".
Delegation-numerique-en-sante · Mar 3, 2022 · 58c58da · 58c58da
1 parent 54ce274
commit 58c58da
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -57,7 +57,7 @@
     "test-integration": "mocha --color --require @babel/register --bail --timeout 0 src/scripts/tests/integration/",
     "test-integration:ci": "mocha --color --require @babel/register --bail --timeout 15000 --retries=5 src/scripts/tests/integration/",
     "lint": "eslint --color src/scripts/ src/service-worker.js",
-    "build": "parcel build --no-scope-hoist src/*.html --detailed-report 20",
+    "build": "parcel build --no-scope-hoist src/index.html src/*.html --detailed-report 20",
     "build-dev": "parcel src/*.html --log-level info --open"
   },
   "parcelIgnore": [

diff --git a/templates/index.html b/templates/index.html
@@ -33,6 +33,7 @@
     <meta property="og:image" content="illustrations/mesconseilscovid.png">
     <meta property="og:url" content="https://mesconseilscovid.sante.gouv.fr/">
     <meta property="og:locale" content="fr_FR">
+    <script type="module" src="./scripts/main.js"></script>
 </head>
 <body data-stats-url="{{ config_stats_url|inline }}">
     <header role="banner" tabindex="-1">
@@ -1472,8 +1473,6 @@ <h1>Historique des réponses au suivi</h1>
     </div>
 </section>
 
-<script type="module" src="./scripts/main.js"></script>
-
 <div id="feedback-difficultes" hidden>
     {{ meta_feedback_difficultés }}
 </div>

diff --git a/templates/thematique.html b/templates/thematique.html
@@ -29,6 +29,7 @@
     <meta property="og:image" content="{{ thematique.imgsrcpng }}">
     <meta property="og:url" content="https://mesconseilscovid.sante.gouv.fr/{{ thematique.name }}.html">
     <meta property="og:locale" content="fr_FR">
+    <script type="module" src="./scripts/main.js"></script>
 </head>
 <body class="page-thematique" data-thematique-name="{{ thematique.name }}" data-stats-url="{{ config_stats_url|inline }}">
     <header role="banner">
@@ -95,6 +96,5 @@ <h2>Autres pages populaires</h2>
     <footer role="contentinfo">
         {{ meta_pied_de_page }}
     </footer>
-    <script type="module" src="./scripts/main.js"></script>
 </body>
 </html>