[Vue warn]: uglify 后无效的组件名称

Question

我正在使用 vue + webpack。在开发模式下（使用 expressjs 服务器热重载）一切正常。在生产设置中，我的 output.js 变得模糊，导致 Vue 警告：

[Vue warn]: Do not use built-in or reserved HTML elements as component id: hr
[Vue warn]: Invalid component name: "$s". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.

问题: 有没有办法让 webpack + uglifyjs 编译代码让那些警告消失。

我知道我可以使用 optimization: { minimize: false} 删除警告，但我仍然想在生产中隐藏我的代码。

Answer 1

所以我终于能够解决我的问题，正如@Charles Dominic 提到的那样 vue-property-decorator that I used w/o name provided is using components using object notation。我应该在装饰器中指定组件名称：

  @Component({
    name: 'test',
   })

[Vue warn]: uglify 后无效的组件名称

[Vue warn]: Invalid component name after uglify

webpack

vue.js

uglifyjs