Prueba el proyecto

https://NoTengoUnUsuario.github.io/piano-master/

Empaquetado web

  • Tengo ofoscación
  • Tengo mimificación
  • Tengo compresión de imagenes
  • Tree shaking
  • Tengo preprocesadores de css (scss)
  • Tengo frameworks de css (tailwind)
  • Tengo frameworks web (react, vue)
  • Uso de lenguajes que no sean javascript (typescript, jsx)
  • Tengo mecanismos de optimización del codigo
  • Servidor web de pruebas
  • Testing
  • etc etc

Empaquetadores famosos

  • webpack
  • rollup
  • wmr
  • esbuilt
  • parcel
  • snowpack
    • vite

Pasos

Crear un proyecto node a partir de npm

npm init --yes

Añadir la dependencia con tonejs (dependencia de produccion)

npm install tone

Añadir el empaquetador parcel (dependecia de desarrollo)

npm install --save-dev parcel

Construimos y arrancamos la aplicación

npx parcel src/index.html npx parcel build src/index.html

Añadimos el librería react

npm install react react-dom

Comitear a github

git init git add . git commit -m "first commit" git remote add origin https://github.com/kant003/piano.git git push origin master