jueves, 25 de junio de 2020

Paquete browserify

Paquete browserify

Permite escribir modulos que se cargan desde el navegador los cuales tienen librerias propias de nodeJS que se importan con require.

Primero vamos a instalar de modo global el paquete browserify:

npm install -g  browserify

Despues instalamos la libreria: 
npm install jquery
 
Ejemplo:
Creamos un nuevo proyecto de nodejs con plantilla de html y despues un nuevo archivo llamado app.js e insertamos el siguiente codigo: 
 
var $ = require('jquery');
$(document).ready(function() { 
  $('button#boton').click(function(){ 
   alert('Bienvenido a Browserify'); 
 });
}); 


Creamos el archivo index.html: 

 
<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>>Paquete de browserify</title>
       <script type="text/javascript" src="/viewsfiles/javascripts/
archivoBrowser.js">
      </script>
 </head>
 <body>
    Pulsa el boton:
    <button type="button" id="boton">Boton pulsado</button>

 </body>
</html>


 Insertamos el siguiente codigo en scripts de package.json:


 "browser": " browserify app.js -o  viewsfiles/javascripts/archivoBrowser.js"


Ejecutamos lo siguiente desde el navegador para hacer la conversión:


npm run browser

Arrancamos la aplicacion normalmente:

npm run start 

No hay comentarios:

Publicar un comentario