We have more than 25 micro frontends each one has its own package.json, I would like to create a matrix table comparing all the libraries and versions used in all so I can check diff versions and libraries in use.
Question: Is there a library that does it, such as using LERNA to help this job?
My possible solution: The only way I can think now, is to create a script that would manually read all package.json files and extract from devDependencies and dependencies the libraries and versions and put it in a matrix table.
const microFrontends = [
"mf-1/package.json",
"mf-2/package.json",
"mf-3/package.json"
]
// read the files
// extract the devDependencies/dependencies
// create object with:
const result = [
{
name: "mf-1",
dependencies: [{
"react": "^17.0.1",
"axios": "^0.21.4"
}],
{
name: "mf-2",
dependencies: [{
"react": "^16.0.1",
"axios": "^0.22.4"
}]
}
]
// show a matrix table for comparison in HTML