Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Duo un manejador de paquetes para el frontend

Duo un manejador de paquetes para el frontend 20.MAR.15

Alvaro José Rios Ch
Fundador WebBizarro

Los manejadores de paquetes son herramientas muy importantes, ya anteriormente hemos hablado de herramientas como composer para php, que nos permiten manejar los paquetes que vamos a usar en cada aplicación y de esta forma tener un proyecto más actualizado y más fácil de manejar.

Hay muchas herramientas que nos permiten manejar paquetes del lado del frontend pero hoy vamos a hablar de Duo, una pequeña herramienta que podemos instalar mediante npm y que nos permite instalar librerías javascript o css directamente desde el github.

Para comenzar solo debes crear un archivo javascript con las librerías que vas a utilizar

var uid = require('matthewmueller/uid');
var fmt = require('yields/fmt');

Por ejemplo matthewmueller/uid es una referencia a la librería uid en github.

También puedes importar librerías desde tu propia máquina.

var modal = require('./modal/index.js');

Finalmente solo tienes que aplicar duo a tu archivo y podras importarlo en el html.

$ duo index.js
<script src="build/index.js"></script>

De la misma manera puedes hacer lo mismo con los archivos css

@import 'necolas/normalize.css';
@import './layout/layout.css';
body {
    color: teal;
    background: url('./background-image.jpg');
}
$ duo index.css
<link rel="stylesheet" href="build/index.css">

Una excelente herramienta que nos permite mantener los proyectos organizados y actualizados. También puedes requerir las librerías de diferentes brach, versiones o paths o importar archivos html o json.

var reactive = require('component/reactive@0.14.x');
var tip = require('component/tip@master');
var shortcuts = require('yields/shortcuts@0.0.1:/index.js');

var template = require('./menu.html');
var schema = require('./schema.json');

Una herramienta muy completa así que no la dejen pasar en su próximo proyecto.