[React] package.json 의 version, name 가져오기

create-react-app
package.json 의 version 가져오기

 

방법 1.

import packageJson from '/package.json';

console.log(packageJson.version);
console.log(packageJson.name);

 

 

---

 

방법 2.

create-react-app 의 버전이 1.1.0 이상이어야 합니다.

저는 .env.development 와 .env.production 만 사용합니다.

package.json 을 보면

{
  "name": "hello-bryan-app",
  "version": "0.2.0",
  "private": true,
  "dependencies": {
  // 생략

여기서  name 과 version 을 js 에서 가져오는 방법입니다.

.env 파일에 아래와 같이 추가합니다.

REACT_APP_VERSION=$npm_package_version
REACT_APP_NAME=$npm_package_name

(아시겠지만 env 변수는 REACT_APP 으로 시작해야 합니다.)

 

그리고 js 에서 사용하면 됩니다.

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

<small>{process.env.REACT_APP_VERSION}</small>