Callback replace not working

[Durss]

Hello ! I'm having lots of troubles having the callback replace working. I put logs in many places and i'm tempted to say it may come either from schema-utils or loader-utils or ajv-keyword modules but i'm very new to webpack plugins so i can't tell for sure.

If i add this log in replace.js

  console.log("\nSEARCH :: ", search, replace);
  const newSource = source.replace(search, replace)

I also added a log on getOptionsArray.js :

  const rawOptions = getOptions(config)
  console.log(rawOptions);

And the "replace" field is simply missing from the log. The search and flags keys are here.

If the replacement is a string the logs show the replacement properly, if the replacement is a fucntion, i get "null" everytime, except once sometimes at the end of the build.

This works :

multiple: [
       {
        search: 'hello',
        flags: 'gi',
        replace: 'test'
       },
]

This does not :

multiple: [
       {
        search: 'hello',
        flags: 'gi',
        replace: function(match, p1, offset, string) {
            return "test";
        },
    },
]

Sometimes when i close the project (vscode), kill the node processes, and try to build again, the callback is passed properly everytime. But this happens very very randomly. It seems like there's also a compile cache somewhere that blocks the plugin's call or something. I never put my hands inside webpack so i may be missing a thing.

Any idea what could be the reason of this?

[Durss]

Some more info.

I tried to copy/paste the plugin to my local folder, removed all the external dependencies, and i still have the problem.

If i log the raw options, any Function typed param get stripped out the object. I'm starting to think it might actually be an issue with Vue-Cli as i'm using it in a Vue project.

The way to use a plugin with Vue env is a bit special (not sure it's specific to Vue actually) as it looks like this :

    chainWebpack: (config) => {
        config.module.rule()
        .test(/\.ts$/)
        .use()
        .loader("./local-string-replace")
        .options({
            multiple: [
               {
                    search: 'hello',
                    flags: 'gi',
                    testRep: function(match, p1, offset, string) {
                        return "test?"
                    },
                    replace: function(match, p1, offset, string) {
                        return "morning!";
                    },
                },
            ]
          }
        );
    },

Maybe there's some sanitazing somewhere that cleansup params to remove potentially sensitive stuff like function calls... Again, quite new to webpack so i might be missing something obvious.

[williamweckl]

I`m experiencing the same issue. @Durss did you find a solution?

[Durss]

Nope i just created something from scratch more or less equivalent to this plugin that answered my needs :/

[Va1]

hi. there' a test-case written for the callback replacement and it works. can you check if that's approximately how you're approaching callback replacement as well? thanks

https://github.com/Va1/string-replace-loader/blob/master/test/index.test.js#L135