Experimenting with auto creation of indexes, at different levels
Solutions involving webpack resolve.alias setting
- Unsolving the mysteries of yarn/npm link for libraries development - DEV Community 👩💻👨💻
- A better alternative to npm/yarn link for the front-end | by Thomas Rich | Medium
- How to fix NPM link duplicate dependencies issues - Maxime Heckel's Blog
With Webpack 4, the tree-shaking of @fortawesome packages doesn't work correctly. The babel-plugin-transform-imports package is required to remap:
{
"plugins": [
[
"transform-imports",
{
"@fortawesome/pro-regular-svg-icons": {
"transform": "@fortawesome/pro-regular-svg-icons/${member}",
"skipDefaultConversion": true,
"preventFullImport": true
},
"@fortawesome/pro-solid-svg-icons": {
"transform": "@fortawesome/pro-solid-svg-icons/${member}",
"skipDefaultConversion": true,
"preventFullImport": true
},
"@fortawesome/pro-light-svg-icons": {
"transform": "@fortawesome/pro-light-svg-icons/${member}",
"skipDefaultConversion": true,
"preventFullImport": true
},
"@fortawesome/pro-duotone-svg-icons": {
"transform": "@fortawesome/pro-duotone-svg-icons/${member}",
"skipDefaultConversion": true,
"preventFullImport": true
},
"@fortawesome/free-brands-svg-icons": {
"transform": "@fortawesome/free-brands-svg-icons/${member}",
"skipDefaultConversion": true,
"preventFullImport": true
}
}
]
]
}