webpack配置中ts-loader设置appendTsSuffixTo Vue的作用

在.vue 单文件组件中

webpack配置中ts-loader设置appendTsSuffixTo Vue的作用_第1张图片

我引入了当前目录下的app.vue组件

 

单文件组件会被vue-loader解析成三个部分,script部分最终交给ts-loader去处理

tsc不知道如何处理.vue文件结尾的文件 会报错

 

webpack配置中ts-loader设置appendTsSuffixTo Vue的作用_第2张图片

 

 报错提示:

 

TypeScript emitted no output for ... .vue

ts不能处理.vue结尾的文件。

 

所以需要加这个选项。

 

 

 

资料: 

 

相比上面运行时的操作,shims-vue.d.ts的作用在语法检查时让TSC可以识别.vue文件结尾的内容(Wildcard module declarations) 不会被报错

转载于:https://www.cnblogs.com/eret9616/p/11419828.html

你可能感兴趣的:(webpack配置中ts-loader设置appendTsSuffixTo Vue的作用)