0.1.0 • Published 8 years ago
gulp-frontend-kit v0.1.0
Configuration front-end Gulp Archriss
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.
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.
0.1.0
8 years ago