W - PFG - versionamiento automatico
Versionado
El versionado es un procedimiento de control de versiones de configuraciones que se muestra a través de una numeración. Esto garantiza que todos los colaboradores sepan cuando se realizaron alteraciones, permitiendo el seguimiento de los cambios.
Versionado automatizado con npm run build
Para llevar a cabo correctamente el versionado con build se debe seguir los siguientes pasos:
1.- Crear nuestro proyecto.
2.- Agregar la siguiente instrucción en el archivo package.json de nuestro proyecto
npm version “nivel de versionado”, ejemplo:
npm version patch
npm version minor
npm version major
Cualquier tipo de versionado lo podemos agregar, por ejemplo:
2.1.- Major (Breaking change)
npm version major # 2.0.0
npm version premajor # 2.0.0-0
2.2. Minor (Feature)
npm version minor # 1.1.0
npm version preminor # 1.1.0-0
2.3. Patch (fix)
npm version patch # 1.0.1
npm version prepatch # 1.0.1-0
2.4. Prerelease
npm version prerelease # 1.0.0-1
3.- Después de agregar la instrucción, tal como se muestra en el ejemplo, guardamos los cambios en nuestro proyecto.
4.- Preparamos un repositorio y subimos todos los cambios realizados en nuestro proyecto (ES IMPORTANTE SUBIR PRIMERO NUESTROS CAMBIOS ANTES DE HACER EL BUILDING, YA QUE NOS DARÁ UN ERROR AL NO HACERLO).
5.- Guardados todos los cambios y subidos a nuestro repositorio, en la terminal ejecutamos el comando
npm run build, esto cambiará la versión de nuestro proyecto.
Versionado automatizado con git push
Para llevar a cabo correctamente el versionado con git push se debe seguir los siguientes pasos:
1.- Crear nuestro proyecto.
2.- Dentro del package.json, agregar un script de nombre
push para ejecutar el versionado y al mismo tiempo subir los cambios a nuestro repositorio.
"push": "npm version patch && git push origin main",
3.- Agregar la siguiente instrucción en el script de push de nuestro proyecto
npm version “nivel de versionado”, ejemplo:
npm version patch
npm version minor
npm version major
4.- Para ver la versión de nuestro proyecto, lo importamos en un archivo que se muestre en pantalla.
import packageInfo from'../package.json';
<p> {packageInfo.version} </p>
5.- Vemos la versión de nuestro proyecto en pantalla.
1.2.3
6.- Subimos nuestro proyecto a nuestro repositorio.
7.- Conectamos nuestro repositorio con Netlify.
8.- Subimos todos los cambios que tengamos en nuestro proyecto con los comandos de git.
9.- En la terminal de, en vez de ejecutar git push origin “rama trabajada”, ejecutamos npm run push, esto hare el pusheo de nuestro código al repositorio y al mismo tiempo cambiará la versión de nuestro proyecto.