Rules get applied every time a new file is processed about postcss-extract-media-query HOT 3 OPEN

// after all SCSS compilation and other processing has happened

// task for splitting media queries out on a specific file passed as an argument
const splitMediaQueries = ( file ) => {

    const extractMediaQueryOptions = {
        queries: project.mediaQueryExtract.queries,
        output: {
            path: output.files + project.styles.dist + "/split/",
        },
        extractAll: false,
        stats:  true,
    }

    return gulp
        .src( output.files + project.styles.dist + "purged/" + file )
        .pipe( postcss( [ extractMediaQuery( extractMediaQueryOptions ) ] ) )
        .pipe( gulp.dest( output.files + project.styles.dist + "split/" ) );
};

// wrapper for primary stylesheet
const splitStyles = () => {
    return splitMediaQueries( 'style.css' );
}
// wrapper for critical, inline stylesheet
const splitHeadInline = () => {
    return splitMediaQueries( 'head-inline.css' );
}

// series task to process the two stylesheets sequentially 
const sequenceSplitStyles = gulp.series( splitStyles, splitHeadInline );

// the series for all style processing 
const sequenceStyles = gulp.series( styles, purgeStyles, sequenceSplitStyles, htdocs, purgeRejected );

// export the whole chain as a task
exports.styles = sequenceStyles;