✨ This workspace has been generated by Nx, a Smart, fast and extensible build system. ✨
If you happen to use Nx plugins, you can leverage code generators that might come with it.
Run nx list
to get a list of available plugins and whether they have generators. Then run nx list <plugin-name>
to see what generators are available.
Learn more about Nx generators on the docs.
To execute tasks with Nx use the following syntax:
nx <target> <project> <...options>
You can also run multiple targets:
nx run-many -t <target1> <target2>
..or add -p
to filter specific projects
nx run-many -t <target1> <target2> -p <proj1> <proj2>
Targets can be defined in the package.json
or projects.json
. Learn more in the docs.
Have a look at the Nx Console extensions. It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.
Just run nx build demoapp
to build the application. The build artifacts will be stored in the dist/
directory, ready to be deployed.
Nx comes with local caching already built-in (check your nx.json
). On CI you might want to go a step further.
Para iniciar un proyecto monorepo par microfrontend/module federattion
- Crear workspace
# Replace acme with desired scope
npx create-nx-workspace acme --preset=apps
cd acme
- Agregar el plugin de react
npm add -D @nx/react
- Generar host y aplicaciones
nx g @nx/react:host host --remotes=shop,cart,about
Para generar un host y 3 remotos (shop, cart, about)
Se puede omitir la opción --remotes
y posteriormente con nx g @nx/react:remote [nombreRemoto] --host=[nombreHost]
Es posible agregar la opción --directory para establecer una carpeta donde se guarden las apps, para mantener orden.
- Añadir libreria
nx g @nx/react:library [nombreLibreria] --directory=libs/store