在TS项目中混用JS

在TS项目中优雅地混用JS

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

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

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

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

可以通过以下方法在ts项目中混用js，在tsconfig.json文件里面：

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

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