Package.json for server and client

Question

I want to install package.json for client side from my server side package.json as the server side is using node and client side is using angular 2 directory structure

server-app

--bin

--node_modules

--package.json

--client-app

     --app

     --node_modules

     --package.json

now the problem is:

I have to run this command npm install from server app folder and also from server-app/client-app folder separately this will create deployment issues

what I want is to run only one time npm install from i.e server-app and it will automatically install the server-app package.json and client-side-app package.json too. Any help will be highly appreciated

Answer 1

Structure your application in the following way,

app
   --server-app        
   --client-app       
   --node_modules
   --package.json

This way you can have single package.json file

Answer 2

I think what you need is a npm module called concurrently.

With concurrently installed in your root folder you can run multiple custom npm scripts. For example: you can create 2 separate scripts that are installing the dependencies (client-install and server-install) and then create install-all-deps script that will run both scripts one after another and install all deps in both directories.

{
    "scripts": {
        "client-install"  : "cd client && npm install",
        "server-install"  : "cd server && npm install",
        "install-all-deps": "concurrently \"npm run server-install\" \"npm run client-install\""
    }
}

Here is the npm module https://www.npmjs.com/package/concurrently. Quoting doc:

Run multiple commands concurrently. Like npm run watch-js & npm run watch-less but better.

Hope this helps.