天天看点

项目中执行Typescript脚本

在开发前端过程中,在编写一些工具类的时候,不需要页面,所以想要通过node执行即可。

解决方案有两个,一个是通过<code>ts-node</code>,一个是通过<code>TS-ESNode</code>库。

网络上教程比较多。但不符合我的需要。因为我想尽可能少改动到待执行的文件。但通过<code>ts-node</code>的方法有一些问题:

在进行<code>import</code>时,需要修改路径的后缀为js,

在package.json中添加配置"type":"modules"

具体怎么配置以及里面的坑请参考:https://zhuanlan.zhihu.com/p/357097559

先放上github地址:https://github.com/K-FOSS/TS-ESNode

TS-ESNode对我而言最大的优势是支持<code>import</code>语法,且不需要其他配置,下面讲一下怎么安装及使用TS-ESNode

新增一个Run Configurations

项目中执行Typescript脚本

配置Node parameters和JavaScript file,内容如下:

项目中执行Typescript脚本

解释:

JavaScript file配置为<code>$FilePath$</code>的目的是:当你在WebStorm打开一个typescript文件,然后选择该配置,点击执行,会自动执行当前文件。

运行

项目中执行Typescript脚本

使用<code>TS-ESNode</code>相对于<code>ts-node</code>更加方便,不过截止到2021-08-07号,对以下问题没有找到解决方案:

用Node的方式在项目中对Typescript进行调试

继续阅读