Import config file for use in javascript application with rollup

Question

I am using rollup and I have a js project set up like this:

- public
- src
  + components
  main.js

manifest.json
rollup.config.js
package.json
etc...

Standard setup. In src/components/app/app.js I would like to have access to the values in manifest.json - they are part of the project configuration. How can I achieve this?

Edit: It would be super nice to be able to do for example in app.js:

import config from 'config';

const routes = config.routes;

import config from '../../../manifest.json'; should work according to app.js path you provided. Are you getting any error ? — Usman Wali
– Usman Wali, Commented Feb 19, 2018 at 13:56
@UsmanWali Yeah one of my plugins doesn't like it, complaining there's no available transformer for json — citizen conn
– citizen conn, Commented Feb 19, 2018 at 14:12
What node version do you have ? and can you share your package.json im just interested in your project dependencies btw. — Usman Wali
– Usman Wali, Commented Feb 19, 2018 at 14:24
Update your node, I did had same issue long time ago and if I remember node update/or rollup update fixed it. If you dont want to update then var config = require('../../../manifest.json'); is another option :D — Usman Wali
– Usman Wali, Commented Feb 19, 2018 at 15:04

Rich Harris · Accepted Answer · 2018-02-19 15:31:36Z

1

You need to use rollup-plugin-json.

answered Feb 19, 2018 at 15:31

Rich Harris

29.8k3 gold badges92 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

citizen conn Over a year ago

Straight from the source!

Collectives™ on Stack Overflow

Import config file for use in javascript application with rollup

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related