Using env.jsonc, you control the dependencies of components in a central configuration file.
This is commonly used for setting peer dependencies such as your framework, styled-components
, or dev dependencies like typescript
or jest
.
For example, configuring vue as a peer dependency requires setting up the version you want your component to use for it's build and other operations. You can also set an optional compatiblity version range.
{
"policy": {
"peers": [
{
"name": "vue", // name of the dependency
"version": "^3.2.45", // version to use for development purposes
"supportedRange": "^3.0.0" // supported range to expects consumers to have
}
]
}
}
When to use peers
?
To better understand when to set dependencies as peerDependencies
, see here
Use the devDependencies
property in env.jsonc to manage version compatiblity of your tooling.
{
"policy": {
"dev": {
{
"name": "@types/node",
"version": "20.12.10"
}
}
}
}
Why this is needed?
Configuring these devDependencies
via the env.jsonc
file is needed because often plugins, tools and some libs are not explicitly depended on by components, so we manage them manually.