A rewrite of using Vue 2 and Vue 3 to manage packages in the Lerna monorepo titled: Using Vue 2 and Vue 3 to manage modules in the Lerna monorepo

Question

I'm trying to create a PR to contribute to an open source library that uses Lerna to manage multiple packages and npm as the package manager.

The library already supports Vue 2 using package support-vue. The purpose of my PR is to add Vue 3 support by creating a new package called support-vue3.

Package support-vue depends on certain packages of Vue 2 and Vue 2 compatible versions (vue-router, @vue/test -utils), while package support-vue3 depends on Vue 3-compatible versions of these packages.

The problem I can't solve is how to use different versions of Vue and related packages in support-vue and support-vue3. As far as I know, Lerna will only promote one version to the root node_modules (Vue 2 in this case). I can only get one package working at a time, depending on which version of Vue is installed.

I need to install different versions of Vue for each package.

I tried to solve this problem by using a package alias in package.json, like this:

{
 "devDependencies": {
   "vue2": "npm:vue@2",
   "vue3": "npm:vue@3",
   "@vue/test-utils1": "npm:@vue/test-utils@1",
   "@vue/test-utils2": "npm:@vue/test-utils@2",
   ...
 }
}

and importing Vue from these aliases, but vue is not found in @vue/test-utils and other packages that require Vue as a peer dependency Dependencies.

I also tried adding a filter in lerna.json to disable elevating vue to the root package.json and add vue only to the support package dependencies, but to no avail.

Is using different versions of Vue in each package possible in Lerna, or is this a dead end?

Answer 1

I think Lerna doesn't support such a thing, you can use SingleSpa or OpenComponent instead