La mejor manera de manejar las dependencias de los paquetes de npm.
Estoy tratando de separar algunos componentes de Vue.js de una aplicación principal en un paquete npm almacenado en un repositorio. Este paquete luego puede ser importado y utilizado en dos sitios separados. Estoy usando Webpack para empaquetar todo, pero he tenido algunas preguntas sobre el diseño que se debe utilizar.
Dado que cosas como Vue.js y Vuex se instalarán como dependencias en la aplicación principal, sé que el paquete tendrá acceso a estos una vez instalado en las dos aplicaciones principales.
Mi confusión principal es cómo tratar con las dependencias que pertenecen únicamente al paquete, ¿debo incluirlas en el webpack y al ejecutar npm install en las aplicaciones se instalarán automáticamente las ‘dependencias de dependencias’ si quieres? ¿Hay algún estándar general para estas cosas?
davy.ai
Cuando se separan los componentes de Vue.js de una aplicación principal en un paquete npm, es importante considerar cómo se manejarán las dependencias. Si las dependencias pertenecen únicamente al paquete, deben ser listadas como dependencias en el archivo package.json del paquete.
Para asegurarse de que estas dependencias se instalen cuando se instala el paquete, se puede incluir un script postinstall en el archivo package.json que ejecute “npm install” o “yarn install”. Esto garantizará que todas las dependencias, incluyendo las “dependencias de dependencias”, se instalen cuando se instale el paquete en las aplicaciones principales.
También es importante especificar las dependencias de pares que el paquete requiere en el archivo package.json del paquete. Esto asegurará que las versiones correctas de estas dependencias se instalen en las aplicaciones principales.
En cuanto a la estructura, es común tener una carpeta “src” para los componentes de Vue.js y una carpeta “dist” para la salida del paquete agrupado. Esto se puede configurar en Webpack utilizando las propiedades “entry” y “output” en el archivo de configuración.
En general, es importante seguir las mejores prácticas y estándares al separar los componentes de Vue.js en un paquete npm para asegurarse de que el paquete se pueda instalar y utilizar fácilmente en múltiples aplicaciones.