Skeleton Components

Esqueleto

Ajusta tu desarrollo front-end. Skeleton es una construcción de calderas HTML5 sobre rosid.

Contenido

• Características
• Requisitos
• Configuración
• Cómo usar
  • Desarrollar
  • Compilar
  • Ui
• Estibador
• Solución de problemas

Características

• Skeleton es una base para todos sus proyectos web diarios. Ajuste su trabajo y desarrolle sin comenzar desde cero. Todo lo que necesitas un tenedor de bifurcación.
• Este proyecto está alimentado por Rosid, un servidor web con preprocesamiento justo a tiempo. JS (con Babel, Uglifyjs), Sass (con Cssnano, AutoPrefixer) y Nunjucks se pueden usar de inmediato.
• El esqueleto es solo el comienzo. Bifurca y extiéndalo a sus propias necesidades. La estructura predefinida le brinda flexibilidad y puede modificarse con facilidad.

Requisitos

Dependientes del esqueleto de ...

• Node.js (v8.5.0 o más nuevo)
• hilo

Asegúrese de instalar y actualizar todas las dependencias antes de que bifurcara y configure el esqueleto.

Configuración

Instale todas las dependencias requeridas con hilo antes de comenzar a desarrollar.

yarn install

Cómo usar

Desarrollar

Comience a desarrollar usando el siguiente comando. Su navegador se abrirá, esperará los cambios de código y la recuperación en vivo al instante cuando actualice sus archivos. JS, Sass y Nunjucks serán compilados en la marcha.

yarn start

Compilar

¿Listo para el horario estelar? Exportar todos los archivos, compilados y preparados para su audiencia. Simplemente cargue el dist/ carpeta final a su servidor y relájese. Tome asiento y disfrute de una deliciosa hamburguesa de su restaurante favorito.

yarn run compile

Ui

Skeleton incluye Malvid para ayudarlo a construir y documentar componentes web. Inicie el servidor de desarrollo y abra /index.html en su navegador. El camino a la interfaz de usuario se puede cambiar en rosidfile.js .

Estibador

El Dockerfile incluido le permite construir una imagen que compila su sitio. En este caso, solo Docker debe instalarse en el sistema. No se requieren otras dependencias.

Construir

Construya una imagen del DockerFile. Esto debe hacerse cada vez que haya modificado el proyecto. La nueva fuente se copiará en la imagen.

docker build -t electerious/skeleton .

Compilar

Inicie un contenedor para compilar su sitio. El contenedor saldrá automáticamente cuando se hayan terminado todas las tareas. El volumen montado contendrá todos los archivos compilados.

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

Solución de problemas

• Instale la última versión de Node.js e hilo
• Eliminar node_modules y reinstale todas las dependencias
• Compruebe si el proyecto depende de la versión más reciente de Rosid
• Intente compilar el sitio con el DockerFile incluido