Soy nuevo en tragar. Entonces, estaba tratando de hacer las cosas normales: css, minificación js y optimización de imágenes usando gulp. Logré el resultado deseado. Ahora me pregunto qué pasa si no tengo que cambiar las rutas de los activos (css, js, images) en mi archivo index.html manualmente y funciona perfectamente cuando se coloca/copia dentro de la carpeta dist usando gulp . Entonces, ¿cómo puedo lograr eso?

Por ejemplo ../dist/css/style.css en src index.html se convierte en css/style.css en el archivo dist index.html y <img src="../dist/img/pic.webp" > se convierte en <img src="img/pic.webp" >

 project |-dist |-css |-img |-js index.html |-src |-scss |-img |-js index.html gulp.js ...

Aquí está el código para copiar los html de src a dist :

 function copyHtml() { return gulp.src('src/*.html') .pipe(gulp.dest('dist')); }