Kit de démarrage Web avancé
Aller audacieusement là où aucun homme n'est allé avant
Comment utiliser
- Clone ou télécharger et déballer à l'emplacement souhaité
- Télécharger et installer la dernière version de Node.js
- Installez GraphicsMagick (recommandé) ou ImageMagick pour votre système d'exploitation. Remarque: il est obligatoire d'installer l'un d'eux avant d'exécuter
npm install - Définissez vos variables d'environnement [Guide]
- Installer les dépendances du projet:
npm install - (Facultatif) Ajouter votre référentiel à Travis pour les tests automatiques
- (Facultatif) Configurer un déploiement continu avec Circleci ou Werker Docker suivant notre guide
- Code en direct avec:
npm start ou npm start -- --hmr Si vous avez besoin de rechargement du module chaud - Construire avec:
npm run build - Déployez et profitez de votre vie
Qu'y a-t-il à l'intérieur?
- Structure raisonnable pour les projets de frontend
- Génération de pages statiques
- Configuration préparée pour le déploiement continu rapide et la configuration des tests automatiques
- Grognement avec des tâches préconfigurées
- Nunjucks, un moteur de modèles complet en vedette
- Nunjucks intra-construits et filtres pour les numéros de formatage, les dates, l'obtention de l'URL de la page actuelle, des paramètres régionaux, de la chapelure, etc.
- URL lisibles par l'homme
- Fichiers passe-bas en fonction des meilleures pratiques
- I18n avec Node-GetText et dispositions configurées pour déclarer correctement les paramètres régionaux actuels et les URL alternatives
- Compilateur SASS avec génération de cartes source, automatique, optimisation, minification et libellé
- Framework Ekzo Sass
- WebPack avec support ES6, gestion et regroupement des dépendances JavaScript et rechargement de module chaud en option ou montre rapide du module chaud ou flamboyant
- Norme pour la liaison et la mise en forme automatique JavaScript
- Rechargement en direct propulsé par webpack-dev-server
- Annotation de type d'exécution et validation des données avec
tcomb et tcomb-validation , raffinements pratiques intégrés. - Tags de méta préconfigurés pour les cartes graphiques ouvertes et Twitter
- Utilisé couramment par les fournisseurs de recherche Données structurées basées sur RDFA
- Génération automatique
sitemap.xml avec grunt-sitemap-xml - Génération automatique de sprites avec spritesmith
- Compression automatique des images via tinypng
- Génération automatique d'images réactives avec des images sensibles aux grognements
- Séparer les fichiers non optimisés en développement, et
- Fichiers compilés et minifiés pour la production
Et beaucoup plus sous le capot. Nous n'avons tout simplement pas eu le temps de documenter toutes les fonctionnalités. Encore.
Documentation
Travail en cours
- Structure
- Variables d'environnement
- Données
- Données structurées
- URL
- Livraison continue
- Recettes
Exemples
La version déployée de Kotsu de Master Branch peut être trouvée ici.
Notez que la section Exemples ne comprend jusqu'à présent que la partie des éléments et des fonctionnalités prédéfinis.
Support des navigateurs
Javascrip
| C'est-à-dire | Bord | Chrome | Incendier | Safari | Opéra | Opera Mobile | Safari iOS | Androïde |
|---|
| 9+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7+ | 4+ |
Pour activer les fonctionnalités ES6 dans IE11 et ci-dessous, l'intervalle d' import 'babel-polyfill' dans main.js Voir les détails ici.
La construction par défaut expédiée avec jQuery 3.1.0+ qui ne prend pas en charge IE8. Remplacez-le par la version avant 3.0.0 si vous avez besoin de prendre en charge IE8.
CSS
| C'est-à-dire | Bord | Chrome | Incendier | Safari | Opéra | Opera Mobile | Safari iOS | Androïde |
|---|
| 10+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7.1+ | 4.4+ |
Reportez-vous à la section de support Ekzo Browsers pour plus de détails sur la régression gracieuse pour IE9 et ci-dessous, qui incluse Kotsu par défaut.
Pour désactiver les régressions gracieuses pour les anciens, c'est-à-dire, supprimez l'appel macro IE() de la disposition de base.
Message de navigateur obsolète
Dans IE9 et ci-dessous, les utilisateurs verront la bannière avant le contenu de la page avec un message sur le navigateur obsolète et le lien vers le navigateur obsolète.
Pour désactiver le message du navigateur obsolète, supprimez l'appel de macro OutdatedBrowser() de la disposition de la base.
Licence
Copyright 2014 Loluttm. Licencié sous la licence Apache 2.0.
