meteo-ds

Project setup

yarn install

Compiles and hot-reloads DOCS for development

Este es el script que se utiliza para desarrollo de la librería

vuepress dev docs

Compiles and minifies DOCS for production

vuepress build docs

Compiles and minifies METEODS for production

vue-cli-service build --target lib --name meteods src/main.js

How to develop

Para desarrollo, se utilizan los propios docs, ya que se incrusta la librería a través del enhanceApp.js Está ubicadas en la carpeta docs, donde existe esta estructura:

• .vuepress: Librería de documentación, donde está la configuración y los archivos de ejemplo de cada componente
  • components: Aquí se añade el source code de cada componente de la librería para la documentación, es sólo el código de muestra
  • config.js: Donde se añade cada componente en el menú
  • enhanceApp.js: Archivo que carga la librería de MeteoDS en los docs
• components: Donde se ubica el markdown de cada componente

La propia librería se ubica en src, donde tenemos el sass general y los componentes propios:

• assets: Se encarga de bootstrap y sass maps personalizados, donde se configuran los estilos generales o partes específicas globales
• components: Lógica de cada componente, suele estar dividido en el vue, el sass y un index para cargarlo globalmente
• mixins: Donde está measurable.js, que se encarga de añadir props de width, height, etc al componente que lo use.

Common errors

Vue-loader

Hay ocasiones en las que vue-loader se vuelve loco, ya no está preparado para funcionar con Vue2. La solución es cambiar en package.json la versión de ~15.9.8 a ^15.9.8 O VICEVERSA Lo que necesita es detectar un cambio de versión para instalarse bien, es un error común en proyectos con vue-loader (necesario para vuepress)