针对 .ts 文件打包 将 ts 转为 js 语法 ， 但对于语法没有改变

yarn add —dev ts-loader typescript

image.png

初始化 tsconfig.json

tsc —init

ts-loader 依赖于 typescript

配置 loader

image.pngimage.png

使用 ts

image.png

bable预设 @babel/preset-typescript

没效果
image.png

需要如下处理才可以
image.png

额外

ts-loader 和 @babel/preset-typescript 有什么区别，分别有什么作用

ts-loader

  • 如果ts语法（类型等）有问题的话，会在编译阶段就会报错ts-loader & babel处理ts - 图7
  • 不可以解析高级语法，promise 还是promise

@babel/preset-typescript

  • promise 被 处理
  • 可以配合 下图 解析大多数高级语

image.png

即使如此，大多数情况下还是用的 @babel/preset-typescript
image.png
和
image.png