Estoy tratando de dividir un par de componentes de Vue.js de una aplicación principal en un paquete npm almacenado en un repositorio. Luego, este paquete se puede importar y usar en dos sitios separados. Estoy usando Webpack para agrupar todo, pero he tenido algunas consultas sobre el diseño que debería usarse.
Al ver 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 instalados en las dos aplicaciones principales.
Mi principal confusión es cómo trato con las dependencias que pertenecen solo al paquete, ¿lo agrego como parte del paquete web y ejecutaré npm install en las aplicaciones para instalar automáticamente las 'dependencias de dependencias' si lo desea? ¿Hay un estándar general para estas cosas?
Lo más simple que puede hacer es enumerarlos en su sección de dependencies en package.json . La herramienta de administración de paquetes que está utilizando (por lo general, npm o 'yarn') asumirá la responsabilidad de deduplicar las dependencias, por lo que si su aplicación principal y su subproyecto tienen las mismas dependencias, solo terminará con una copia en el paquete final.
Le sugiero encarecidamente que sea más flexible con los números de versión en los proyectos de componentes que en el proyecto principal. Entonces, en el padre, tal vez diga que la dependencia es "vue": "1.2.3" y en el proyecto del componente es "vue": "^1.1.0" o algo por el estilo. De esta forma, el padre puede controlar las versiones específicas y su componente toma la versión real del padre.