typescript 自动编译

    技术2022-07-11  77

    由于 typescript 是一门编译型的语言,所以代码不能直接执行,需要编译。

    但是每一次编写完成 ts 文件,做了一些修改之后,都需要我们执行一下命令去编译它,才会生成一个js文件。这给我们的开发工作带来了很多不便,所以可以用自动编译来监听每一次变化去自动编译 ts 文件


    执行 tsc --init

    这个命令会在当前项目目录里生成tsc目录下的配置文件 : tsconfig.json

    修改配置文件的outDir 和 rootDir 配置项

    outDir 是指 ts 文件编译的 js 文件的保存路径

    rootDir 是指 源代码存放的根路径,也就是指定的输入文件的根目录

    将这两项配置项解注释

    执行 tsc --w

    如图,则为已经开始 以监视模式启动编译。

    注意:你的 ts 文件需要在你定义的 rootDir 目录下,否则会报错:

    意思是你的文件不在 rootDir 这个目录下,需要把文件移动进 rootDir 目录下。

    Processed: 0.010, SQL: 9