For example, in straight PostHTML I can do this:

const posthtml = require('posthtml');

const text = '<?php echo $myVar; ?>';

const {html} = posthtml().process(text, {
    sync: true,
    directives: [{
        name: '?php',
        start: '<',
        end: '>',
    }],
});

console.log(html); // '<?php echo $myVar; ?>';

How do I do this with posthtml-loader? Without the directives, I just get an empty string.

The options don't seem to be able to include parser options. Also, posthtml-loader allows for using posthtml.config.js through the posthtml-load-config package, but that doesn't seem to allow parser options either.

webpack configs can get pretty convoluted, but I used a loader config with something like:

{
    module: {
        rules: [{
            loader: 'posthtml-loader',
            options: {
                directives: [{ name: '?php', start: '<', end: '>' }],
            },
        ]},
    },
},

and that threw the "Invalid options object" error.

I also tried several other configurations. Wrapping the "directives" in "config" threw the same error, while wrapping it in "config: { ctx }" didn't throw an error but still didn't show the PHP string.

How would I set the directive(s) in the webpack loader? #124

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions