在TS项目中混用JS

时间:2025-02-07 12:01:08

在TS项目中优雅地混用JS

如果没有做好将所有类型、声明这些东西加上的准备,那么就不要轻易地将一个js文件改成ts文件

为什么要在ts项目中混用js呢,因为有一些比较新的库还没有实现ts化,又或者是一个自己的一个js项目再逐步修改成ts项目,这个时候就需要在一个项目中混用ts文件跟js文件了。

而如果你有以上的需求,但是又没有配置,ts文件里面就会多出来一大堆的红线

在ts文件里面写纯js是可以的,会按照js的方法来进行处理,但是不提倡这么做;并且如果你使用vite来进行打包,还打包不了,vite会给你弹一个报错出来的。

可以通过以下方法在ts项目中混用js,在文件里面:

{
  "compilerOptions": {
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "allowJs": true,
    "checkJs": false,
  }
}

起作用的是上面那四行代码,允许js,不检查js等等,其他一些无关的就没有贴出来了。