Giter Club home page Giter Club logo

ionic-ng-workspace's Introduction

Multi-project setup for Ionic apps with root package.json and common node_modules

CircleCI

  • Root package.json, tsconfig.json, etc. to manage common settings & dependencies
  • Works correctly with JetBrains IDEs (WebStorm, IDEA, PyCharm, GoLand, etc.)
  • Project level package.json to overrider/add project specific settings & dependencies

Purpose & benefits of multi-project workspace

  • Consistent configuration across multiple projects

  • Quick refactoring across multiple projects
    (e.g. renaming method in library with instant refactoring of all dependent projects)

  • Quicker to pull & setup due to single node_modules so you don't need to install same packages multiple times

  • Quicker & easy to update common dependencies

How to run

To run specific Ionic sub-project execute:

ionic serve --project {PROJECT_ID}

Top level structure

πŸ“ node_modules
πŸ“‚ projects
  πŸ“‚ apps
    πŸ“‚ ang1 (angular app)
       ...
    πŸ“‚ ionic1 (first Ionic app)
       πŸ“„ package.json
       ...
    πŸ“‚ ionic2 (second Ionic app)
       πŸ“„ package.json
       ...
  πŸ“‚ libs
     πŸ“‚ lib1
       πŸ“„ package.json
       ...
     πŸ“‚ lib2
       πŸ“„ package.json
       ...
πŸ“„ angular.json
πŸ“„ ionic.config.json
πŸ“„ package.json
πŸ“„ tsconfig.json
πŸ“„ tslint.json

Credits & references

Used by

Here is list of projects that use this setup

Create a pull request to add a link to your project here.

License

Licensed under MIT license - no restriction do whatever you want.

ionic-ng-workspace's People

Stargazers

Paolo Sanchi avatar BednΓ‘rik BoldizsΓ‘r avatar  avatar Ajay avatar Khalil Charfi avatar hiepxanh avatar Alexander Trakhimenok avatar

Watchers

Alexander Trakhimenok avatar James Cloos avatar

ionic-ng-workspace's Issues

how to use the shared library service in the ionic app

Thanks a lot for this great sample project!
But I was not able to use any shared library service in the ionic project. Your ionic app doesn't use any components/services from the shared library projects as well.
On the other hand, its not problem to use services from the shared library project in the angular project. What is the difference between the angular and ionic project? Can you please extent this sample project, simply by referencing the a shared library service in the ionic project as well?

Where is config.xml file?

I am trying to create multi apps workspace using angular and ionic sharing the same node_modules, i have implement almost as same as your code but i couldn't integrate Cordova because there is no config.xml file in ionic project folder.

do you have any idea about how to get this file created , or i should create it by myself?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.