mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
32bc33ed28
Issue number: N/A --------- <!-- Please do not submit updates to dependencies unless it fixes an issue. --> <!-- Please try to limit your pull request to one type (bugfix, feature, etc). Submit multiple pull requests if needed. --> ## What is the current behavior? <!-- Please describe the current behavior that you are modifying. --> The `angular` directory sits at the root of the project instead of in `packages` with all the other JS Framework integrations. This does not cause any functional issues with Ionic, but it is confusing since integrations are not in a consistent place. ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - Moves the `angular` directory to `packages/angular` Note: Most files should remain unchanged. The only files I changed are the files that had direct paths to the old `angular` directory: 1. Removes the `angular` path in `lerna.json`. This is now covered by `packages/*` 2. Updated the angular file path in `.gitignore` 3. Updates the path to the angular package in `stencil.config.ts` for the Angular Output Targets 4. Updates some of Angular's sync scripts to correctly get the core stylesheets as well as the core package. 5. Updates the test app sync script to correctly sync core and angular-server ~I'm not entirely sure why GitHub thinks https://github.com/ionic-team/ionic-framework/pull/27719/files#diff-f5bba7e7c7c75426e2b9c89868310cb03890493b4efe0252adf8d12cc8398962 is a new file since it exists in `main` here:1f06be4a31/angular/test/base/scripts/build-ionic.sh~Fixed in6e7fc49827## Does this introduce a breaking change? - [ ] Yes - [x] No <!-- If this introduces a breaking change, please describe the impact and migration path for existing applications below. --> ## Other information <!-- Any other information that is important to this PR such as screenshots of how the component looks before and after the change. --> Dev build: `7.1.2-dev.11688052109.13454f5c`
55 lines
1.2 KiB
Markdown
55 lines
1.2 KiB
Markdown
# @ionic/angular
|
|
|
|
Ionic Angular specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@ionic/core) components.
|
|
|
|
|
|
## Related
|
|
|
|
* [Ionic Core Components](https://www.npmjs.com/package/@ionic/core)
|
|
* [Ionic Documentation](https://ionicframework.com/docs/)
|
|
* [Ionic Discord](https://ionic.link/discord)
|
|
* [Ionic Forum](https://forum.ionicframework.com/)
|
|
* [Ionicons](http://ionicons.com/)
|
|
* [Stencil](https://stenciljs.com/)
|
|
* [Capacitor](https://capacitor.ionicframework.com/)
|
|
|
|
|
|
## License
|
|
|
|
* [MIT](https://raw.githubusercontent.com/ionic-team/ionic/main/LICENSE)
|
|
|
|
## Testing ng-add in ionic
|
|
|
|
1. Pull the latest from `main`
|
|
2. Build ionic/angular: `npm run build`
|
|
3. Run `npm link` from `ionic/angular/dist` directory
|
|
4. Create a blank angular project
|
|
|
|
```
|
|
ng new add-test
|
|
// Say yes to including the router, we need it
|
|
cd add-test
|
|
```
|
|
|
|
5. To run schematics locally, we need the schematics-cli (once published, this will not be needed)
|
|
|
|
```
|
|
npm install @angular-devkit/schematics-cli
|
|
```
|
|
|
|
6. Link `@ionic/angular`
|
|
|
|
```
|
|
npm link @ionic/angular
|
|
```
|
|
|
|
|
|
7. Run the local copy of the ng-add schematic
|
|
|
|
```
|
|
$ npx schematics @ionic/angular:ng-add
|
|
```
|
|
|
|
|
|
You'll now be able to add ionic components to a vanilla Angular app setup.
|