En mi compilación de desarrollador, tengo un archivo JSON con un dato, quiero poder cambiar esos datos en la compilación de producción. Usé npm run build para hacer la compilación. Y no puedo encontrar ese archivo JSON. Estoy creando este sitio web para alguien, así que quiero que sea fácil cambiar el contenido de la página usando JSON.
// src/json/download.json { "file" : "download.png" } This is how I get the json file const file = require("../json/download.json").file const filePath = "download/" + file; const Nav = () => { return ( <Link className="dcm0cujv48 abled" to={filePath} target="_blank" download={file}> <p className="fs-14 fw-700 wspwho0gps"> <i class="fas fa-cloud-download-alt fs-14"></i> Download </p> <p className="yb08fmpwlp"></p> </Link> ) }puedes comprobar si estás en desarrollo o producción
function isProduction(){ return process.env.NODE_ENV === "production" }entonces en tu codigo
const filePath = "download/" + isProduction() ? pathToProductionFile : pathToLocalFile;luego, en sus scripts, debe crear otros scripts de compilación con el indicador "NODE_ENV = producción"
O configure varios archivos .env , consulte https://www.npmjs.com/package/dotenv , por ejemplo .env.local
file=download.png y .env.production
file=production-download.pngentonces en tu código puedes usar
process.env.filecomo una variable que contiene el valor de su archivo y diferirá de local a producción