elastiq

elastiq.ch

https://elastiq.ch/ sitio web

editar contenidos

editar sitio web aquí

instalación local

Esta configuración utiliza nodos y NPM para crear el sitio web de forma estática.

1. instale nodo y npm (https://nodejs.org/en/)
2. use la terminal/línea de comando para navegar a la carpeta donde revisó el proyecto
3. instale deps escribiendo npm install
4. Una vez hecho esto, escriba npm start a trabajar en el proyecto.

configuración

• parcela.js construye todo
• posthtml-expressions Este complemento proporciona una sintaxis para incluir variables y expresiones locales en sus plantillas, y también extiende las etiquetas personalizadas para que actúen como ayudas para condicionales y bucles. Se utiliza principalmente para incluir contenido de data.yml. posthtml-load-config se asegura de que .posthtmlrc.js los datos del YML terminen en los locals de posthtml-expressions .
• .browserslistrc Establece la compatibilidad del navegador para el prefijo automático

 ┌──────────┐    ┌────────────────────┐
│ 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...}   │
                                    └┬─────────────────────┬┘
                                     └─────────────────────┘

licencia

© David Aerne Siéntete libre de hacer lo que quieras con las fuentes. A excepción de las ilustraciones. No los compartas ni los reutilices.