gulp-frontend-kit

Gulp boilerplate front-end dev Archriss

0.1.0
latest
npm

Version published: 8 years ago

Weekly downloads: 1

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

Configuration front-end Gulp Archriss

Gulp boilerplate

Fonctionnalités

Rechargement instantané des modifications
Compilation SASS
Regroupement des mediaqueries CSS
Linter Javascript pré-configuré
Transpilation ES6/ES7 en ES5 via Babel
Obsfuscation du JS en prod (renommage des variables et fonctions...)
Concaténation des CSS et des JS
Ajout de closures en JS entre les fichiers
Compression des images lors du build

Pré-requis

node.js and npm installed and ready-to-go
git
Livereload plugin for your browser
(optionnel) eslint pour la qualité du code JS

Configuation de livereload

Pour que le livereload fonctionne sans serveur local (en ouvrant un fichier html directement par exemple), il faut penser à cocher "autoriser l'accès aux URL de fichier" dans les paramètres des extensions.

Livereload

Démarrer le projet

$ git clone https://github.com/archriss/gulp-frontend-kit
$ cd gulp-frontend-kit
$ npm install

Commandes du projet

Développement

npm run watch va démarrer un serveur livereload et compiler sans minifier/uglifier les fichiers pour pouvoir débugger. Les images ne sont pas non plus compressées.

Déploiemement

npm run build va compiler et minifier tous les fichiers, et va compresser les images.

FAQs

What is gulp-frontend-kit?

Is gulp-frontend-kit popular?

Is gulp-frontend-kit well maintained?

Package last updated on 10 Sep 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install