How To Scope Libraries Within Angular Micro Frontend With Nx

[EddyFreeman]

I'm using Nx to create micro frontends in Angular and so far my folder structure looks like this (A lot of files have been omitted for clarity):

apps
 - host
 - bank
   - libs
     - invoice
       - src
         - many files omitted for clarity
       - many files omitted for clarity
 - science
libs
tsconfig.base.json

The apps folder contains the 3 micro frontends. The libs folder contains all components that the 3 micro frontends can use and tsconfig.base.json contains the mappings.

Now i have another libs folder under the bank micro frontend. All components within this folder must only be accessible inside the bank micro frontend. Other micro frontends should not be able to access the components in this folder. It is internal to the bank micro frontend only.

After generating a library in the bank's libs folder using the nx command ex:

nx g @nx/angular:library --directory=libs/invoice --buildable

i realized that a path is inserted into the tsconfig.base.json ex:

"@connect/invoice": [
        "apps/bank/libs/invoice/src/index.ts"
      ]

The problem is the paths inside tsconfig.base.json are accessible to all other micro frontends.

Where should i move this path to so that only the bank micro frontend can access the invoice library?