Get version number from package.json in React Redux (create-react-app) Get version number from package.json in React Redux (create-react-app) reactjs reactjs

Get version number from package.json in React Redux (create-react-app)


Solving this without importing and exposing package.json to the create-react-app

Requires: version 1.1.0+ of create-react-app

.env

REACT_APP_VERSION=$npm_package_versionREACT_APP_NAME=$npm_package_name

index.js

console.log(`${process.env.REACT_APP_NAME} ${process.env.REACT_APP_VERSION}`)

Note: the version (and many other npm config params) can be accessed

Note 2: changes to the .env file will be picked only after you restart the development server


From your edit I would suggest to try:

import packageJson from '/package.json';

You could also try to create a symlink:

# From the project root.cd src; ln -s ../package.json package.alias.json

List contents of src directory and you'll see the symlink.

ls#=> package.alias.json -> ../package.json

Adding the .alias helps reduce the "magic" for others and your future self when looking at this. Plus, it'll help text editors keep them apart. You'll thank me later. Just make sure you update your JS code to import from ./package.alias.json instead of ./package.json.

Also, please take a look at this question:The create-react-app imports restriction outside of src directory


Try this.

// in package.json"version": "1.0.0"// in index.jsimport packageJson from '../package.json';console.log(packageJson.version); // "1.0.0"