Could json-server watch multiple files

[snowffer]

I have massive data and I don't want put them in the same file. So could I separate them into multiple files and watch them at the same time?

[zugarzeeker]

I think this is not a good solution, but it is easy to implement.

I used onchange for watching directory that I will update.
And also using concurrently for running json-server and onchange at the same time.

npm install --save-dev onchange json-server concurrently

// index.js
const user = require('./src/user.json')
const article = require('./src/article.json')
module.exports = () => ({
  users: [user, user],
  articles: [article, article]
});

// update.js
const fs = require('fs')
const text = fs.readFileSync('./index.js', 'utf-8')
fs.writeFileSync('./index.js', text, 'utf-8')

File structure

├── index.js
├── package.json
├── src
│   ├── article.json
│   └── user.json
└── update.js

Setup scripts in package.json

{
  "scripts": {
    "start": "concurrently --kill-others \"npm run start:server\" \"npm run update:watch\"",
    "start:server": "json-server --watch index.js",
    "update:watch": "onchange 'src/**/*.json' -- node update"
  }
}

[typicode]

@zugarzeeker Nice implementation 👍
As an alternative, I've not tested it, but I think it would be possible to use https://github.com/isaacs/node-touch and do:

"update:watch": "onchange 'src/**/*.json' -- touch index.js"

[zugarzeeker]

@typicode Thanks for your suggestion.
It works with node-touch.
👍

[saibs]

I'm using nodemon to restart and watch multiple files. So, I'm serving my mock files from mock folder.

"scripts": {
    "mock": "nodemon --watch mock --exec 'json-server --port 6002 mock/db.js --routes mock/routes.json'"
  }

module.exports = function() {
	return {
		users: require('./data/users'),
                companies: require('./data/companies')
	}
};

[sehmaschine]

@zugarzeeker Thanks for the solution. Though I'm not sure if your approach is supposed to work with POST requests ... is it? Because I'm able to to retrieve data, but I'm not able to update the json files. So before I dig deeper, I just wanted to make sure if this doesn't work by purpose.

[stowball]

None of these suggestions worked for me :( It really seems like this should be out-of-the-box functionality…

[TryRaymond]

@stowball

Why did you fail?

[TryRaymond]

nice ,

use nodemon --watch mock --exec json-server mock/index.js --port 3020 --m mock/post-to-get.js is success !

you can use nodemon --watch mock --exec json-server mock/index.js --port 3020 ,

don't need '

@ saibs

but ,

I still need to press F5 ,

Otherwise, the page will not refresh actively