webpack - [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}但我仍然想在生产中隐藏我的代码。

标签： webpackvue.jsuglifyjs

Answer 1

所以最后我能够解决我的问题，正如@Charles Dominic 提到的那样，我使用的没有提供名称的 vue-property-decorator正在使用使用 object notation 的组件。我应该在装饰器中指定组件名称：

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