Tengo la siguiente tarea en mi gulpfile.js:
function compileHandlebars() { options = { batch: ['./src/views/modules/*.hbs'] } let data; fs.readFile('./data.json', 'utf-8', (error, content) => { if(error) throw error; data = content; console.log(data) // --> outputs actual content }); console.log(data); // --> outputs undefined return gulp.src('./src/views/layouts/index.hbs') .pipe(handlebars(data)) // <-- receives 'undefined' as an argument .pipe(rename('index.html')) .pipe(gulp.dest('dist')); };Se supone que debe cargar el contenido de data.json y asignarlo a una variable llamada 'datos', de modo que pueda usarse en la función handlebars() en la canalización para formar html a partir de la plantilla. El problema es que console.log() genera 'indefinido' tan pronto como lo muevo fuera del alcance de devolución de llamada de fs.readFile(). ¿Cómo puedo hacer que la variable 'datos' mantenga el valor que configuré en la función de devolución de llamada?
Su llamada actual se ejecuta de forma asincrónica, por lo que continúa y hace el trabajo mientras su código pasa a la siguiente línea. Luego, cuando termina, activa la devolución de llamada. Por lo tanto, debe esperar a que termine la lectura antes de continuar.
Intente usar readFileSync .
// Include fs module const fs = require('fs'); // Calling the readFileSync() method // to read 'input.txt' file const data = fs.readFileSync('./input.txt', {encoding:'utf8'}); // Display the file data console.log(data);