从 chrome devtools 中的 Vue 打字稿组件 sourcename 中删除 `"vue&type=script&lang=ts&"`

问题描述

当您使用 typescript 创建 Vue 组件时,您必须将 lang="ts 添加<script> 标签,以便 Webpack 识别标签内的 typescript。 像这样:

<template>

</template>

<script lang="ts">
import {Component,Vue} from 'vue-property-decorator'

@Component({})
export default class SomeComponent extends Vue {

}
</script>

生成的 sourcemaps 导入到 chrome dev 工具中时,每个 vue 组件源文件名都附加了 vue&type=script&lang=ts&,就像 Component.vuevue&type=script&lang=ts& 一样,这会阻止它与 chrome 导入的项目文件正确映射。 问题是如何移除这个标签以便正确映射文件

我要么必须以某种方式使 webpack 编译没有该 lang=ts 属性的 vue 组件,要么以某种方式将其从源文件删除,请帮助...

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)