Javascript 与vue cli项目一起使用时自定义网页包插件不工作

我制作了一个网页包插件，它替换了html文件中的一些“参数”。 插件接收一个名为params的prop，一个对象，其中键是params的名称，值是params的值。在HTML中，您可以编写{{paramName}}，如果定义了“paramName”，它将被插件替换。（类似于带有模板参数的HtmlWebpackPlugin）

！！！在生产模式下，html必须保留为{{paramName}（将由服务器处理）

我不知道为什么，但当我在vue cli项目中使用它时，它似乎不起作用，而在一个简单的Web包项目中却起作用

这里是html网页包插件使用的vue配置文件和html模板 vue.config.js

const IS_PRODUCTION=proces.env.NODE_env=='PRODUCTION'
module.exports={
//...
链接网页包：配置=>{
//...
如果（！是_生产）{
config.plugin（'landing-params'）
.使用（着陆参数）[
{
参数：{
n:10，
宠物：“狗”
}
}
])
.after（'html'））
}
返回配置
}
}

index.html

//通过vue插件，我将这些数据存储在计算属性中
变量配置={
参数：{
名字：“卢克”，
NPET:{{a}}，
宠物：“{pet}}”
}
}

这应该由webpack插件在开发模式下处理，并发出以下内容：

变量配置={
参数：{
名字：“卢克”，
NPET:10，
宠物：“狗”
}
}

但它似乎忽略了我的插件。 我试着把它放在HtmlWebpackPlugin之前/之后以及所有插件之后

这是vue inspect--plugins的输出

[
“vue加载程序”，
“定义”，
“区分大小写的路径”，
“友好错误”，
“html”，
'landing params'，//这是我的插件
“预加载”，
“预回迁”，
“复制”
]

希望有人能帮助我，谢谢