Información acerca del libro.
Info about book
Con Nx al crear la aplicación nos viene con estilos y rutas que no queremos y por esa razón en creado una versión minimalista donde ya tenemos configurado los estilos con lo básico. Esto sería como si fuese la opción Empty App desde el CLI de Qwik que así facilita el desarrollo de las apps comenzando con contenido más amoldable a cualquier propósito:
- Copiamos el directorio
apps/00-basey pegamos dentro deapps. - Cambiamos el nombre del directorio, por ejemplo
nuevo-proyecto. - En base a este nuevo nombre, debemos de modificar las configuraciones de los ficheros
vite.config.ts,package.json,project.jsony.eslintrc.jsonmodificando todas las coincidencias del texto00-basesustituyéndolo pornuevo-proyecto. - Definimos en el nuevo script en fichero
package.jsonde la raíz del monorepositorio para poder definir la ejecución del proyecto seleccionado con:"nuevo-proyecto": "npx nx serve nuevo-proyecto". - Desarrollamos las funcionalidades que necesitamos y para ir viendo los progresos, ejecutamos
npm run nuevo-proyectoy entraremos a la URL que se nos asigne.
✨ 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.