You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: doc/source/delay-issue.rst
-13Lines changed: 0 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,19 +2,6 @@
2
2
Problème de lenteur lors du dev ?
3
3
=================================
4
4
5
-
J'ai des lenteurs avec gulp (build|watch)
6
-
-----------------------------------------
7
-
8
-
Pour le développement et uniquement ce but, notre script `gulp` prend en entrée un paramètre ``--speed`` qui désactive les optimisations du code pour la prod. Ainsi ``watch`` a besoin de calculer moins de choses donc utilise moins de CPU.
9
-
10
-
Avec gulp il faudra faire :
11
-
12
-
.. sourcecode:: bash
13
-
14
-
$ yarn run watch --speed
15
-
16
-
Si vous utilisez ``make run`` pour lancer le site, cette configuration est utilisée par défaut.
Copy file name to clipboardExpand all lines: doc/source/front-end.rst
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ Il s'agit donc de la partie du code définissant le design et l'affichage, mais
10
10
+ `SASS (en) <http://sass-lang.com/>`__ pour les feuilles de style ;
11
11
+ JavaScript pour les interactions.
12
12
13
-
`Node.js (en) <https://nodejs.org/>`__, `yarn (en) <https://yarnpkg.com/en/>`__ (gestionnaire de paquet pour Node.js) et `Gulp (en) <http://gulpjs.com/>`__ sont utilisés pour générer le code final minifié et cohérent. Le développement du *front-end* requiert donc des outils spécifiques dont l'installation `est expliquée ici <install/extra-install-frontend.html>`__.
13
+
`Node.js (en) <https://nodejs.org/>`__, `yarn (en) <https://yarnpkg.com/en/>`__ (gestionnaire de paquet pour Node.js) et `Vite (en) <https://vite.dev/>`__ sont utilisés pour générer le code final minifié et cohérent. Le développement du *front-end* requiert donc des outils spécifiques dont l'installation `est expliquée ici <install/extra-install-frontend.html>`__.
14
14
15
15
**Navigateurs supportés** : Les dernières versions de Mozilla Firefox, Google Chrome, Safari et Microsoft Edge.
Copy file name to clipboardExpand all lines: doc/source/install/extra-install-frontend.rst
+11-9Lines changed: 11 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -45,7 +45,7 @@ Pour ce qui est de Node.js, utilisez soit votre gestionnaire de paquet, soit nvm
45
45
Installation des dépendances Yarn
46
46
---------------------------------
47
47
48
-
L'installation de Gulp, ainsi que des différentes dépendances et bibliothèques, se fait via Yarn dans le répertoire du projet :
48
+
L'installation de Vite, ainsi que des différentes dépendances et bibliothèques, se fait via Yarn dans le répertoire du projet :
49
49
50
50
.. sourcecode:: bash
51
51
@@ -63,15 +63,19 @@ Utilisation des outils
63
63
Vous avez installé les outils ? Voilà comment on s'en sert dans notre projet !
64
64
65
65
66
-
Présentation de Gulp
66
+
Présentation de Vite
67
67
--------------------
68
68
69
-
Gulp est un outil permettant d'automatiser les tâches liées au *front-end*. C’est une sorte de Makefile.
69
+
Vite est un outil de construction (*build tool*) permettant d'automatiser certaines tâches liées au *front-end*. Il permet dans notre cas de :
70
70
71
-
Utilisation de Gulp
71
+
- assembler et minifier le JavaScript ;
72
+
- compiler le SCSS en CSS ;
73
+
- copier et optimiser différentes ressources utilisées par le frontend (images, polices, etc.).
74
+
75
+
Utilisation de Vite
72
76
-------------------
73
77
74
-
Gulp se lance avec ``yarn run gulp -- [tâche]`` où ``[tâche]`` est la tâche à lancer.
78
+
Vite se lance avec ``yarn run vite-dev``.
75
79
76
80
Générer les fichiers avec ``build``
77
81
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -100,7 +104,7 @@ Les fichiers générés sont disponibles dans le dossier ``dist/`` (un aperçu e
100
104
C'est la tâche que vous utiliserez sûrement le plus souvent car vous devez la lancer à chaque modification
101
105
de ``assets/`` !
102
106
103
-
Si vos modifications n'apparaissent pas dans votre navigateur et que ce n'est pas dû à Gulp, pensez à vider le cache de votre navigateur !
107
+
Si vos modifications n'apparaissent pas dans votre navigateur et que ce n'est pas dû à Vite, pensez à vider le cache de votre navigateur !
104
108
105
109
Supprimer les fichiers générés avec ``clean``
106
110
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -127,11 +131,9 @@ Coder plus simplement avec ``watch``
127
131
128
132
``watch`` surveille les fichiers SCSS et Javascript lance la tâche ``build`` dès qu'ils sont modifiés. C'est très utile pour le développement car ça permet de ne pas avoir à relancer ``build`` manuellement. Pour lancer cette commande, faites ``make watch-front`` ou ``yarn run watch``. Pour arrêter cette commande, il suffit de presser ``Ctrl+C``.
129
133
130
-
Si votre ordinateur n'est pas très puissant ou la commande ``watch`` est lente. Vous aurez besoin de l'option ``--speed``. Cette option permet de désactiver les fonctions de parsing pour la prod. Ainsi ``watch`` a besoin de moins de CPU.
0 commit comments