Webpack Vue Cli-保留类名网页包UglifyJS

经过数小时的调试、测试和绝望之后，我找不到一种方法来禁用类/函数名UglifyJS for Webpack和Vue CLI的uglifying

我试过这个和它的组合：

优化：{
最小值：[
新的UglifyJsPlugin({
丑陋选项：{
保持类名：true，
保持沉默：没错，
压缩：{
保持类名：true，
保持沉默：没错，
},
裂口：{
保持类名：true，
保持沉默：没错，
},
},
}),
]
},

插件：[
新的UglifyJsPlugin({
丑陋选项：{
保持类名：true，
保持沉默：没错，
压缩：{
保持类名：true，
保持沉默：没错，
},
裂口：{
保持类名：true，
保持沉默：没错，
},
},
}),
],

似乎什么都不管用。我只是不能禁用类名丑化

我需要依赖函数名和类名，但通过这种方式，所有类（更准确地说是Vue组件名——我使用的是基于类的组件）都将重命名为

E

作为类名

有人能帮我解决这个问题吗

---

谢谢。

我可以保留类名（包括Vue.js组件），包括：

---

这里也有同样的问题，必须将其放入的文件是vue.config.js（对于vue cli）

module.exports = {
  chainWebpack: config => {
    config.optimization
      .minimizer('terser')
      .tap(args => {
        const { terserOptions } = args[0]
        terserOptions.keep_classnames = true
        terserOptions.keep_fnames = true
        return args
      })
   }
}