Skip to main content

Modificar libreria

En esta sección, aprenderás cómo realizar modificaciones en la librería:

  • Modificar vite.config.ts
  • Habilitar archivo de estilos
  • Compilar y observar
  • Habilitar Router
  • Realizar cambios
  • Revertir configuraciones
  • Compilar cambios
  • Actualizar package.json
  • Publicar este paquete
  • Actualizar cambios en proyecto destino

Modificar vite.config.ts​

Para comenzar, vamos a realizar cambios en el archivo vite.config.ts. Sigue estos pasos:

  1. Comenta estas líneas de código para deshabilitar la importación de estilos globales:
vite.config.ts
    // css: {
    //     preprocessorOptions: {
    //     scss: {
    //         additionalData: `@import './src/assets/scss/index.scss';`,
    //     },
    //     },
    // }

Habilitar archivo de estilos​

A continuación, habilitaremos el archivo de estilos en tu proyecto. Sigue estos pasos:

1- Descomenta la siguiente línea en tu archivo src/main.ts para importar los estilos:

src/main.ts
    // descomenta para desarrollar
    import './assets/scss/index.scss'

Compilar y observar​

Una vez realizados los cambios anteriores, puedes compilar y observar tus modificaciones ejecutando el siguiente comando en tu terminal:


npm run dev

Habilitar Router​

Si deseas simular escenarios o contextos específicos para tus modificaciones, puedes habilitar el Router. Sigue estos pasos:

  1. Descomenta la siguiente línea en tu archivo src/main.ts para habilitar el Router:
src/main.ts
    // descomenta para desarrollar
    import Router from './router'

Realizar cambios​

Ahora estás listo para realizar los cambios en los componentes que necesitas modificar. Puedes editar los archivos de la librería para ajustar su comportamiento y aspecto según tus necesidades.

Recuerda seguir buenas prácticas de desarrollo y documentar tus cambios para futura referencia.

¡Estás en camino de personalizar la librería según tus requerimientos!

Continúa con los siguientes pasos cuando hayas finalizado tus modificaciones.

Revertir configuraciones !!​

Antes de continuar no te olvides de revertir los cambios en los archivos de configuracion realizados

  • main.ts
  • vite.config.ts

Compilar cambios​

En la terminal deberas ejecutar el siguiente comando

    npm run build

Actualizar package.json​

A continuación deberas cambiar la version del paquete para publicarlo correctamente

package.json
    "version": "1" => "1.2"

Publicar este paquete​

Debes publicar tus cambios realizados en npm

    npm publish --access public

Actualizar cambios en proyecto destino​

    npm unistall corporation-vue-library
    npm install corporation-vue-library