Replacements not working

[manchuwook]

This doesn't seem to work

// webpack.config.js
var webpack = require('webpack');
const path = require('path');
const ReplaceInFileWebpackPlugin = require('replace-in-file-webpack-plugin');

"use strict";

module.exports = {
    entry: {
        main: '/'
    },
    output: {
        publicPath: '/',
        path: path.resolve(__dirname, 'wwwroot'),
        filename: "./dist/[name].bundle.js"
    },
    devServer: {
        contentBase: ".",
        host: "localhost",
        port: 9000
    },
    mode: "development",
    plugins: [
        new ReplaceInFileWebpackPlugin([{
            dir: path.resolve(__dirname, 'Areas/Characters/Scripts/character-designer/build/default/'),
            test: /\.html$/,
            rules: [{
                search: '@webcomponents',
                replace: '@{\'@webcomponents\'}'
            }]
        }])
    ]
};

I'm just trying to take a polymer-generated html file and replace the script bit so I can use it as a cshtml file - Razor treats it like a helper.

[ZardoZAntony]

This plugin work good only with regExp