Awesome
<div style="text-align: center;">Angular Rspack Tools
</div> <hr>Build Angular with Rspack
The goal of @ng-rspack/build
and @ng-rspack/nx
is to make easy and straightforward to build Angular applications with rspack.
Current Status: POC
Currently, this is still being viewed as a proof-of-concept.
There needs to be a lot more comprehensive testing before this is viable for real applications.
Current Objective: HMR
The current objective is to get HMR working correctly.
Right now, the state of it is as follows:
- The global
ng
module is missing, causing warnings when HMR updates are applied. - Only changes to the following cause an HMR update:
- Global Styles
- Inline Templates
- TS portion of Components
- The following need support (non-exhaustive):
- Inline Styles
- Template Files
- Component Style Files
Getting started
# Create a new nx workspace
npx create-nx-workspace ng-rspack-test
# Choose options:
# - Stack: None
# - Integrated Monorepo
# - CI: Do it later
# - Remote caching: Up to you
# Change into project directory and install the ng-rspack-build package
cd ng-rspack-test
npm install @ng-rspack/nx
# Run the app generator
npx nx g @ng-rspack/nx:app apps/myapp
# Choose stylesheet format and e2e framework
# Serve the app
npx nx serve myapp
# Build the app
npx nx build myapp
# Run the e2e tests
npx nx e2e myapp-e2e