CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Gulp: compiler sass puis compacter tous les css

Pseudo supprimé
Pseudo supprimé 28 septembre 2015 à 22:57:43

Bonjour à tous,

je viens de découvrir Gulp qui est bien sympathique mais je n'arrive pas à résoudre mon problème.
J'ai l'arborescence suivante:

Edit: la balise code fait des siennes, voire le haut de ce pastebin http://pastebin.com/re2MTDyV

J'aimerai (dans l'ordre)

  • compiler mon fichier scss,
  • placer ce fichier compilé dans resources/css/app.min.css
  • minifier et concaténer tous mes css dans public/css/app.min.css

Pour cela j'ai donc écrit dans mon gulpfile:

Edit: la balise code fait des siennes, voire le bas de ce pastebin http://pastebin.com/re2MTDyV

Quand je lance la commande gulp, le fichier final est bien créé. Mais quand je modifie mon scss et que je relance la commande, seul le scss est compilé, mais le fichier css final ne prend pas en compte les modifications... :(

On dirait que la concaténation des fichiers se fait avant la compilation du sass, c'est possible? Comment résoudre le problème et effectuer la première tâche avant la deuxième? :(

Merci :)

Message édité le 28 septembre 2015 à 23:02:11 par Pseudo supprimé
Pseudo supprimé
Pseudo supprimé 29 septembre 2015 à 01:20:13

Salut,
Ben, tu as deux tâches différentes. Donc quand tu enregistres le fichier, seule la tâche "sass" est appelée. Fais une seule tâche pour compiler et minifier / concaténer.

Pseudo supprimé
Pseudo supprimé 29 septembre 2015 à 11:01:03

@warpShadow: en fait mes deux tâches sont bien appelées, via un gulp.task('default', ['sass', 'styles']); à la toute fin du fichier (je ne l'ai pas précisé parce que je pensais que c'était obligatoire, désolé).

A la base, j'ai voulu faire une seule et même tâche pour compiler, concaténer et minifier, mais je n'y suis pas arrivé puisque mon fichier à compiler se trouve dans un autre répertoire que mes fichiers à concaténer... Mais je vais voir ça, merci pour la piste :)

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment