typescript引入vue文件和图片

最新推荐文章于 2024-12-16 14:53:09 发布

原创最新推荐文章于 2024-12-16 14:53:09 发布 · 708 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#typescript #vue.js #javascript

收录于

vue3 同时被 3 个专栏收录

6 篇文章

订阅专栏

6 篇文章

订阅专栏

webpack

4 篇文章

订阅专栏

本文介绍了如何在Vue项目中结合使用TypeScript，通过声明`*.vue`和`*.png`模块来增强类型检查。同时，针对SVG文件的处理，除了声明外，还需要配置webpack使用svg-loader以确保正常加载和使用。

参考文章传送门，src目录下面有一个shims-vue.d.ts(名字可以随便起，毕竟tsconfig会自动加载src下面的所有ts文件)

// 声明.vue模块
declare module '*.vue' {
  import { defineComponent } from 'vue'
  const component: ReturnType<typeof defineComponent>
  export default component
}

// 声明.png模块  .jpg同理
declare module "*.png" {
  const value: any;
  export default value;
}