Bien démarrer son projet avec « BULP »

Avec "Bulp", vous allez pouvoir embarquer et effectuer une multitude de tâches qui vont vous aider dans votre projet, à savoir :

  • créer un serveur web local
  • rafraîchir le navigateur automatiquement à chaque fois qu’un fichier est modifié
  • utiliser des préprocesseurs comme Sass ...
  • optimiser des ressources comme CSS, JavaScript et les images.

 

 

 

 

 

 

 

 

 

Commençons ce petit tutoriel.

Etape 1 : Installation

> Cloner ou télécharger le dépôt sur votre machine.
git clone https://github.com/chrisdemars/bulp-starter-package.git

Etape 2 :

> Changer le nom du dossier (bulp-starter-package) par celui de votre projet

Etape 3 :

> Ouvrir le projet et, via votre terminal, lancer : npm install

Etape 4 :

> Toujours dans votre terminal, lancer : gulp

Si tout se passe bien, vous devriez voir une page en localhost:3000 s’ouvrir automatiquement dans votre navigateur.

Ainsi, à chaque modification de votre HTML, JS ou SCSS (src/scss/styles.scss), votre modification est prise en compte et la page se ré-actualise.

Et voila 🙂

 

Note : Dans le fichier gulpfile.js, Browsersync appelle chrome. Si vous utilisez un autre navigateur, vous pouvez le changer ou le retirer.

Par exemple :

browserSync.init({
    server: './',
    browser: ""
});

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.