Obtenir le numéro de version du paquet.json à Réagir Redux (créer-réagir-app)

OP EDIT: Si quelqu'un d'autre tombe sur ceci: l'application a été créée à l'aide de créer-réagir-app, ce qui limite l'importation dans le dossier src. Toutefois, si vous mise à niveau de réagir-scripts pour v1.0.11 il ne permet d'accéder à l'emballage.json.

Je vais essayer d'obtenir le numéro de version du paquet.json dans mon application.

J'ai déjà essayé ces suggestions, mais aucun d'eux n'a travaillé que je ne peux pas accéder paquet.json à partir de l'extérieur du dossier src (peut-être en raison de Réagir, je suis nouveau à cela). Le déplacement du package.json dans src signifie alors je ne peux pas courir npm install, npm version minor, et npm run build de mon dossier racine. J'ai essayé d'utiliser process.env.npm_package_version mais que les résultats non défini.

Je suis en utilisant Jenkins, et je n'ai pas à pousser la commet encore, mais la seule idée que j'ai est d'obtenir la version de balises dans GitLab, mais je n'ai aucune idée de comment faire cela, et il serait inutile d'ajouter de la dépendance sur les pensions de titres, donc j'aimerais vraiment trouver une solution de rechange.

EDIT:
Mon fichier de structure, c'est comme:

--> RootAppFolder
    |--> build
    |--> node_modules
    |--> public
    |--> src
         |--> Components
              |--> Root.js
    |
    |--> package.json

Donc à forfait d'accès.json à partir de Root.js je ne import packageJson from './../../package.json' et puis j'obtiens l'erreur suivante:

./src/components/Root.js

Module non trouvé: Vous avez tenté d'importer
./../../package.json qui tombe à l'extérieur du projet src/
répertoire. Par rapport des importations à l'extérieur de la src/ne sont pas pris en charge. Vous pouvez
soit le déplacer à l'intérieur src/ou ajouter un lien symbolique à partir du projet
node_modules/.

Avez-vous essayé l'es6 version aussi ?
"Je ne peux pas accéder paquet.json à partir de l'extérieur de la src dossier" -- pouvez-vous expliquer cela? Si package.json peut être consulté, le numéro de version peut être facilement récupérées.
que voulez-vous dire? Je ne suis pas très familier avec l'ES6.
J'ai édité pour l'expliquer. Le déplacement du package.json dans le dossier src travaille pour obtenir la version, mais alors je ne peux pas courir tout de mécanisme national de prévention de commandes pour construire et exécuter l'application.
oui, il s'avère que l'application a été créée à l'aide de réagir-créer l'application qui met une restriction à travers webpack.

OriginalL'auteur Baldeep | 2017-08-31

11

De votre montage, je voudrais suggérer d'essayer
```
import packageJson from '/package.json';
```
Vous pouvez également essayer de créer un lien symbolique:
```
# From the project root.
cd src; ln -s ../package.json package.alias.json
```
Liste le contenu du répertoire src et vous verrez le lien.
```
ls
#=> package.alias.json -> ../package.json
```
L'ajout de la .alias permet de réduire la magie pour les autres et votre soi futur quand on regarde cette. De Plus, il va aider les éditeurs de texte les séparer. Vous me remercierez plus tard. Assurez-vous de mettre à jour votre code JS à importer à partir de ./package.alias.json au lieu de ./package.json.

Aussi jeter un oeil à cette question:
Créer réagir l'application des importations de restriction à l'extérieur du répertoire src

Alors que les importations ne fonctionne toujours pas, je ne savais pas que l'application a été créée à l'aide de create-réagir-app qui est où le problème vient. Donc je suppose que la solution est donc de regarder dans webpack et configurer moi-même et de se débarrasser de cette limitation.
Heureux qui a aidé à
Comme l'OP mentionné dans une édition de leur question, ce n'est plus nécessaire. Des versions plus récentes de react-scripts vous permet d'importer de l'extérieur de src.

OriginalL'auteur kenfire
23

De l'essayer.
```
//in package.json
"version": "1.0.0"

//in index.js
import packageJson from '../package.json';
console.log(packageJson.version); //"1.0.0"
```
J'ai édité ma question pour expliquer pourquoi cela ne fonctionne pas.
À l'aide de l'Expo et cela a fonctionné comme un charme pour moi. J'ai appelé le mien appJson, de sorte qu'il était console.log(appJson.expo.version);. Merci!
Cela permettra d'importer un package complet.json dans votre bundle

OriginalL'auteur Vorathep Sumetphong
17

La résolution de ce sans avoir à les importer et de les exposer package.json à la create-react-app

Nécessite: la version 1.1.0+ de créer-réagir-app

.env
```
REACT_APP_VERSION=$npm_package_version
REACT_APP_NAME=$npm_package_name
```
index.js
```
console.log(`${process.env.REACT_APP_NAME} ${process.env.REACT_APP_VERSION}`)
```
Remarque: la version (et beaucoup d'autres npm config) peut être consulté

J'ai dû créer .env (fichier texte) dans la racine du référentiel pour le faire fonctionner. comme il

OriginalL'auteur talves

Vous devez vous connecter pour publier un commentaire.