vue+ts 使用vue-class-component写组件打包后组件的name属性发生了变化！

Question

使用的是vue全家桶+typescript+electron开发的项目

layout.vue

开发环境

生产环境

感觉应该是打包的时候把代码压缩了，顺便把name值也给压缩了...以前写name没什么问题，但是上了ts，name就出现了问题。有知道怎么解决的吗？组件的name字段在本项目中有很重要的作用，其他代替的方案也有，但是比较麻烦，许多代码需要重构！

Answer 1

可以使用 component.options.name

https://github.com/vuejs/vue-...

Answer 2

请问一下, 打包出来的组件体积过大, 该怎么解决 ?

Answer 3

我是注册全局组件的时候遇到了这个问题，导致打包后自定义的全局组件都没有渲染出来。这时候组件还没有实例化，获取不到$options,后来通过设置一个静态属性的名称解决了，这个名称任何时候都能获取到：

export default class CompGrid extends Vue {
  static ComponentName = 'comp-grid';
}

需要用的时候：

Vue.component(CompGrid.ComponentName, CompGrid);

---

Jyx的component.options.name更优解

Answer 4

在这里加上name属性就可以了