elastiq

elastiq.ch

site https://elastiq.ch/

modifier le contenu

modifier le site Web ici

installation locale

Cette configuration utilise Node et NPM pour créer le site Web de manière statique.

1. installer node et npm (https://nodejs.org/en/)
2. utilisez le terminal/la ligne de commande pour accéder au dossier dans lequel vous avez extrait le projet
3. installez deps en tapant npm install
4. une fois terminé, tapez npm start à travailler sur le projet

installation

• parcel.js construit tout
• posthtml-expressions Ce plugin fournit une syntaxe pour inclure des variables et des expressions locales dans vos modèles, et étend également les balises personnalisées pour servir d'aide aux conditions et aux boucles. Principalement utilisé pour inclure le contenu de data.yml. posthtml-load-config s'assure que .posthtmlrc.js les données du YML se retrouvent dans les locals de posthtml-expressions .
• .browserslistrc Définit la compatibilité du navigateur pour le préfixe automatique

 ┌──────────┐    ┌────────────────────┐
│ data.yml │───▶│posthtml-expressions│──┐
└──────────┘    └────────────────────┘  │
┌──────────┐    ┌───────────────────┐   │
│style.scss│───▶│  sass & postCSS   │──┐│  ┌─────────────┐
└──────────┘    └───────────────────┘  ├┴─▶│ /index.html │
┌──────────┐    ┌───────────────────┐  │   └──────┬──────┘
│ main.js  │───▶│     babel.js      │──┤         ┌┘
└──────────┘    └───────────────────┘  │         │
                         ┌──────────┐  │         ▼
                         │  images  │──┘    ┌─────────┐
                         └──────────┘       │ Magic * │
                                            └─────────┘
                                                 │
                                                 │
                                                 │
     * Magic = parcel.js             ┌───────────▼─────────┐
                                     │       ./dist        │
                                    ┌┴─────────────────────┴┐
                                    │      index.html       │
                                    ├───────────────────────┤
                                    │       style.css       │
                                    ├───────────────────────┤
                                    │  *.{jpg|png|gif...}   │
                                    └┬─────────────────────┬┘
                                     └─────────────────────┘

licence

© David Aerne N'hésitez pas à faire ce que vous voulez avec les sources. Sauf les illustrations. Ne les partagez pas et ne les réutilisez pas.