EITB Nahieran / Podkast

Componentes, estilos y funcionalidad del Sistema de Diseño de EITB

Vue version 2.6.11

Instalación

Download

• CSS:
  • Añadir enlaces de descarga de los ficheros CSS de distribución
• JavaScript:
  • Añadir enlaces de descarga de los ficheros JS de distribución

CDN

• CSS:
  • Añadir etiquetas link de los ficheros CSS de distribución
• JavaScript:
  • Añadir etiquetas script de los ficheros JS de distribución

Package managers

npm: npm install @zorraquino/eitb-ds --save

Uso

Componentes

Ejemplo de importación de un componente Vue.js:

import Component from '@zorraquino/eitb-ds/components/Component.vue'

Módulos

Ejemplo de importación de un módulo Vue.js:

import Module from '@zorraquino/eitb-ds/modules/Module.vue'

Assets

La carpeta assets contiene todo el código fuente

• CSS:
  • app.scss : import '@zorraquino/eitb-ds/assets/scss/app.scss';
• JavaScript:
  • Globales:
    • library.js : import '@zorraquino/eitb-ds/assets/js/library.js';
    • app.js : import '@zorraquino/eitb-ds/assets/js/app.js';
  • Componentes:
    • Alert: import Alert from '@zorraquino/eitb-ds/assets/js/app/Alert/Alert.js';
    • BlurImage: import Alert from '@zorraquino/eitb-ds/assets/js/app/BlurImage/init.js';
    • ...

Dist

La carpeta dist contiene los ficheros compilados y listos para usarse

• CSS:
  • app.css : @zorraquino/eitb-ds/assets/dist/app.css';
• JavaScript:
  • library.js : import '@zorraquino/eitb-ds/dist/js/library.js';
  • app.js : import '@zorraquino/eitb-ds/dist/js/app.js';

Compilado

La generación de bundles de distribución se realiza mediante webpack.

Para crear una nueva versión: npm run build