How to retrieve version of my npm application without importing other package.json info?

Question

I have an SPA application (in React) built with Webpack (as part of create-react-app) where I display a version number retrieved from the package.json likes this:

import npmInfo from 'package.json' ... <div className="version">{npmInfo.version}</div>

However this results in also other package.json being part of built javascript file and exposed to the public.

Is there an approach to retrieve just the version from package.json other than reading it in parent the process and setting it to environment variable (and reading it via process.env.VERSION) ?

Will that actually end up in the built result? I'd imagine unused info will be tree-shaken or otherwise optimised out. — jonrsharpe
– jonrsharpe, Commented Jul 31, 2017 at 7:53
Try `import { version } from 'package.json', does that work? — casraf
– casraf, Commented Jul 31, 2017 at 7:55

macbem · Accepted Answer · 2017-07-31 07:59:08Z

1

I'm not sure if this will solve your problem, as you are a bit against using (or rather setting?) environment variables, but if your application is ran or compiled by a npm script, you could use process.env.npm_package_version.

Note: this will only be available if you use npm scripts.

answered Jul 31, 2017 at 7:59

macbem

1,2502 gold badges10 silver badges21 bronze badges

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

3 Comments

ps-aux Over a year ago

Thanks for pointing me in the right direction but this method unfortunately does not work with create-react-app. But I was inspired by it and ended up with cross-env REACT_APP_VERSION=$npm_package_version react-scripts start script.

macbem Over a year ago

Great! It'd be cool if you could write an answer about it, so others will be able to notice the solution.

ps-aux Over a year ago

I intend to but I am not that happy with the aforementioned solution. When I have more time I will try to find out more about this and post the best solution I could come with.

Collectives™ on Stack Overflow

How to retrieve version of my npm application without importing other package.json info?

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related