[Vue警告]：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 没有提供名称，而是使用了 components using object notation。我应该在装饰器中指定组件名称：

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