Skeleton Components

Squelette

Sautez votre développement frontal. Le squelette est un passe-partout HTML5 construit sur Rosid.

Contenu

• Caractéristiques
• Exigences
• Installation
• Comment utiliser
  • Développer
  • Compiler
  • Ui
• Docker
• Dépannage

Caractéristiques

• Le squelette est une base pour tous vos projets Web de tous les jours. Sautez votre travail et développez sans partir de zéro. Tout ce dont vous avez besoin à une fourche.
• Ce projet est alimenté par Rosid, un serveur Web avec un prétraitement juste en temps. JS (avec Babel, UglifyJS), Sass (avec CSSNANO, Autoprefixer) et Nunjucks peuvent être utilisés dès la sortie de la boîte.
• Le squelette n'est que le début. Fourkz-le et étendez-le à vos propres besoins. La structure prédéfinie vous donne de la flexibilité et peut être modifiée avec facilité.

Exigences

Tentes à charge du squelette sur…

• Node.js (V8.5.0 ou plus récent)
• fil

Assurez-vous d'installer et de mettre à jour toutes les dépendances avant de vous fourrer et de configurer le squelette.

Installation

Installez toutes les dépendances requises avec du fil avant de commencer à développer.

yarn install

Comment utiliser

Développer

Commencez à développer en utilisant la commande suivante. Votre navigateur s'ouvrira, attendra instantanément les changements de code et la recharge en direct lorsque vous mettez à jour vos fichiers. JS, Sass et Nunjucks seront compilés à la volée.

yarn start

Compiler

Prêt pour les heures de grande écoute? Exportez tous les fichiers, compilés et préparés pour votre public. Téléchargez simple le dossier dist/ Final sur votre serveur et détendez-vous. Prenez place et profitez d'un délicieux hamburger de votre restaurant préféré.

yarn run compile

Ui

Le squelette comprend Malvid pour vous aider à créer et à documenter les composants Web. Démarrez le serveur de développement et ouvrez /index.html dans votre navigateur. Le chemin vers l'interface utilisateur peut être modifié dans rosidfile.js .

Docker

Le dockerfile inclus vous permet de créer une image qui compile votre site. Dans ce cas, seul Docker doit être installé sur le système. Aucune autre dépendance n'est requise.

Construire

Construisez une image à partir du dockerfile. Cela doit être fait chaque fois que vous avez modifié le projet. La nouvelle source sera copiée dans l'image.

docker build -t electerious/skeleton .

Compiler

Démarrez un conteneur pour compiler votre site. Le conteneur sortira automatiquement lorsque toutes les tâches seront terminées. Le volume monté contiendra tous les fichiers compilés.

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

Dépannage

• Installez la dernière version de Node.js et du fil
• Supprimer node_modules et réinstaller toutes les dépendances
• Vérifiez si le projet dépend de la dernière version de Rosid
• Essayez de compiler le site à l'aide du dockerfile inclus