1.0.0 • Published 2 years ago
@zorraquino/eitb-ds v1.0.0
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'
; - ...
- Alert:
- Globales:
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
1.0.0
2 years ago