I'm curious to know the location where gulp-front-matter is storing my front matter information

Question

I'm curious to know the location where gulp-front-matter is storing my front matter information

I'm currently experimenting with the npm package in order to remove certain front matter from a markdown file and then retrieve the stripped markdown content. This leads me to my inquiry regarding the code snippet provided by the module documentation:

var frontMatter = require('gulp-front-matter');

gulp.task('blog-posts', function() {
    gulp.src('./posts/*.md')
        .pipe(frontMatter({          // optional configuration 
            property: 'frontMatter', // property added to file object  
            remove: true // should we remove front-matter header? 
        }))
        .pipe(…); 
    });

There's a comment stating

// property added to the file object

. What exactly does this mean? How can I access the front matter data? To be more precise, how do I reach the 'file' object?

node.js npm gulp

Answer 1

Answer №1

Forget about it. This particular module assumes that users will be utilizing this specific package, granting access to the file object. It seems I've found the solution to my inquiry: gulp-data is aiming to become the go-to method for "attaching data to the file object for other plugins to consume," a concept that is currently lacking a standard in gulp.

Here's the functional code snippet:

var gulp = require('gulp');
var markdown = require('gulp-markdown');
var frontMatter = require('gulp-front-matter');
var data = require('gulp-data');

markdown.marked.setOptions({
    gfm: false
});

gulp.task('default', function () {
    return gulp.src('*.md')
        .pipe(frontMatter({ 
            property: 'pig',
            remove: true 
        }))
        .pipe(data(function(file) {
            console.log(file.pig.layout);
        }))
        .pipe(markdown({tables: true}))
        .pipe(gulp.dest('dist'));

});

Answer 2

Forget about it. This particular module assumes that users will be utilizing this specific package, granting access to the file object. It seems I've found the solution to my inquiry: gulp-data is aiming to become the go-to method for "attaching data to the file object for other plugins to consume," a concept that is currently lacking a standard in gulp.

Here's the functional code snippet:

var gulp = require('gulp');
var markdown = require('gulp-markdown');
var frontMatter = require('gulp-front-matter');
var data = require('gulp-data');

markdown.marked.setOptions({
    gfm: false
});

gulp.task('default', function () {
    return gulp.src('*.md')
        .pipe(frontMatter({ 
            property: 'pig',
            remove: true 
        }))
        .pipe(data(function(file) {
            console.log(file.pig.layout);
        }))
        .pipe(markdown({tables: true}))
        .pipe(gulp.dest('dist'));

});

I'm curious to know the location where gulp-front-matter is storing my front matter information

Answer №1

Similar questions

Issue with specific route causing server to throw 500 error

What methods can be used to selectively intercept routes?

What is the process for implementing csrf within a loop?

Encountering an issue when attempting to add a CustomResourceDefinition in AKS, specifically when trying to execute it using

Retrieve the URL with a GET request and remove a specific object

Determining the Optimal Time to Utilize Mongoose for Index

Updating file extension name in ReactJS: A quick guide

Node.js is raising an error because it cannot locate the specified module, even though the path

How to optimize performance in Node/Express by ending long-running POST requests early

Encountered issue: SyntaxError - An unforeseen token ':' was found

Modifying array of objects in mongoose using a specific key within the object's value

Troubleshooting bitrate and quality issues in AWS MediaConvert

Encountering a malfunction while executing an npm command specified in the package.json file

What is the best way to include the npm packages I installed in my Visual Studio 2017 project within the _Layout file?

Using NPM Modules in React Native

Utilizing node.js for continuous polling in order to retrieve real-time database updates

What is causing the issue with fetching data from MongoDB in my basic web application?

Leverage the power of npm packages within a Flutter mobile app's webview

Troubleshooting the Ui-router refresh problem

Exploring Node.js with the power of EcmaScript through Javascript Mapping