Add an Astro Project
The code for this example is available on GitHub:
Example repository/nrwl/nx-recipes/tree/main/astro-standalone
Supported Features
Because we are not using an Nx plugin for Astro, there are few items we'll have to configure manually. We'll have to configure our own build system. There are no pre-created Astro-specific code generators. And we'll have to take care of updating any framework dependencies as needed.
✅ Run Tasks ✅ Cache Task Results
{ "extends": "astro/tsconfigs/strict", "compilerOptions": { "baseUrl": ".", "plugins": [ { "name": "@astrojs/ts-plugin" } ], "paths": { "@myrepo/ui": ["ui/src/index.ts"] } } }
An easier option is to allow importing the files directly instead of reexporting the `.astro` files via the `index.ts`.
You can do this by allowing deep imports in the tsconfig paths
```json
This allows imports in our .astro
files from other projects like so.
import Card from '@myrepo/ui/Card.astro';
import Footer from '@myrepo/ui/Footer.astro';
import Header from '@myrepo/ui/Header.astro';