Búsqueda de sitios web

node.js - Vue 3 Mono Repo cómo usar las dependencias de desarrollo raíz

Configuré un mono repositorio usando Ionic y Vue 3, el único problema es que en mis aplicaciones hijo todavía necesito agregar lo siguiente en el package.json. ¿Cómo puedo usar las devDependencies del root?

"devDependencies": {
   "@vue/cli-plugin-typescript": "~5.0.0-rc.1"
},

Aquí está mi estructura:

apps
  - app1
    - package.json <-- here i have to add devDependency
    - tsconfig.json
  - app2
    - package.json <-- here i have to add devDependency
    - tsconfig.json
package.json <-- devDependency is in here too
tsconfig-base.json

Todo funciona de esta manera, pero crea una carpeta node_modules con un montón de dependencias en cada aplicación secundaria. Me gustaría evitar eso si es posible.

Si elimino la devDependency, obtengo el siguiente error:

Module not found: Error: Can't resolve './src/main.js'

Así que no está viendo la dependencia y piensa que estoy usando js, pero de hecho estoy usando TypeScript.

Intenté configurar el baseUrl en los tsconfigs, pero nada ha funcionado hasta ahora. Cualquier ayuda sería muy apreciada.

Respuesta #1

En lugar de configurar Vue para encontrarlo, podrías configurar un enlace de ruta:

"devDependencies": {
    "@vue/cli-plugin-typescript": "link:../node_modules/@vue/cli-plugin-typescript"
}

Respuesta #2

Esta probablemente sería tu solución si estás usando un monorepo. Agrega lo siguiente a los package.json de tu app1 y app2:

{
  "vuePlugins": {
   "resolveFrom": "insert path to parent package.json here"
  }
}

Vea la documentación aquí: https://cli.vuejs.org/guide/plugins-and-presets.html#installing-plugins-in-an-existing-project

Artículos relacionados