![]() Now you can make changes to the lib while running watch and Ionic serve, and you get a sense of why this approach can be really powerful! Feeling Fancy? To finally see it in action, simply use the default component of the lib in the projects/appOne/src/app/home/: If you added the TS config before correctly, this works now! Note that you should use the name academy-lib without any path, which your IDE might want to tell you. To prepare the workspace for our Ionic apps, go ahead and create a file at the root of the project called (which is normally automatically in Ionic projects) and simply fill it with: ![]() The result for now looks like the image below. Ng new devdacticMulti -createApplication=falseīecause Angular creates new projects and libraries in the projects/ folder we will follow that structure for our endeavour as well. This will create just a re barebones project with some files, so start with that: # Create a workspace We could start with an Ionic app and remove some of the files, but it’s actually easier to create a workspace with the Angular CLI for which we can also add a flag to not create any application. Make sure you have the Angular CLI installed as we need some of those commands as well. Today is your lucky day as we will do exactly that: Combine the Angular CLI with the Ionic setup for a multi app project and additionally create a shared library that can be used from all of the apps - and everything in one repository! This is typically found in or the jest field in package.There is not a lot of documentation around the topic of Ionic Multi app projects, but it can be a powerful way to create a white label solution for your clients when you have all the projects in one workspace.
0 Comments
Leave a Reply. |