Bonjour, 

Dans mon fichier gulp j'ai deux tâches principales.

 - gulp dev: me compile mon sass, mes fichiers twig, copie mes assets et va récupérer certaines librairies javascript dans les node_modules

- gulp prod : lance gulp dev, minifie le css (en rajoutant le suffix min dans le nom du fichier), minifie le javascript (en rajoutant le suffix min dans le nom des fichiers) et renomme le path vers les fichiers css et js en rajoutant le suffix min.

Tout fonctionne très bien.
Voici ce que j'obtiens dans les fichiers html générés par la tâche gulp prod

<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/bootstrap/bootstrap.min.js"></script>
<script src="../js/cookies.min.js"></script>
<script src="../js/translation.min.js"></script>
<script src="../js/scripts.min.js"></script>

J'aimerai optimiser tout ça en concatenant tous ces scripts en un seul.
Chose facile à faire avec le module gulp-concat. Mais là où je suis bloqué, c'est qu'il faudrait remplacer ces 5 lignes html par une seule : 

<script src="../js/scripts.min.js"></script>

Savez vous si cela est faisable ? 
Si oui comment faire ? 

D'avance un grand merci
Bonne journée

-
Edité par Hugo_dwt 24 janvier 2019 à 13:05:28

Hello,

Tu as utilisé gulp-useref ?

Salut,

Non, je ne connaissais pas. 
Pour l'instant j'ai essayé html-replace mais ça ne permettait pas de faire ce que je souhaitais.

Je teste ça demain et te tiens au courant.

Bonne soirée 

Salut,

alors je me suis un peu documenté et ce module me semble pas mal du tout. Par contre lorsque j'essaye de le mettre en place, l'entièreté du contenu de ma page html est supprimé.

Voici mon code HTML

<!-- build:js ../js/scripts.min.js -->
<script src="../vendor/jquery/jquery.js"></script>
<script src="../vendor/bootstrap/bootstrap.js"></script>
<script src="../js/cookies.js"></script>
<script src="../js/translation.js"></script>
<script src="../js/scripts.js"></script>
<!-- endbuild -->

Mon code gulp 4

const gulp = require('gulp'),
     plugins = require('gulp-load-plugins')(),
     gulpif = require('gulp-if');

const useref = () =>
     gulp.src(dist + '/**/*.html')
        .pipe(plugins.useref())
        .pipe(gulpif('*.js', plugins.terser({
            compress: {
                drop_console: true
            }
        })))
        .pipe(gulp.dest(dist));

exports.useref = useref;

S'il faut, je peux fournir le fichier gulp complet mais le reste se déroule sans problème.
C'est vraiment cette tâche là qui ne s'execute pas correctement.
Aucune erreur console est renseignée.

As tu une idée ? 

Merci
Bonne journée

Bonjour,

Mauvais forum

Le sujet est déplacé de la section HTML / CSS vers la section Javascript