详解使用Typescript开发node.js项目(简单的环境配置(3)

这样,在开发时,直接在项目目录运行gulp dev,就可以启动编译和服务器了。此后,gulp会监视ts文件的改动,然后编译ts文件并重启服务器。刷新页面,就可以看到新结果已经输出在浏览器页面中了。

还有一点需要留意的是,由于gulp负责监视ts文件的变化,因此请在tsconfig.json将"watch"设置为false或者删掉这个属性。

2. 使用tsconfig.json监控ts文件变化并重启服务器

用这种方式,首先打开tsconfig.json对ts文件的监视,然后修改gulpfile.js文件,如下:

//...requier部分同上面例子,这里省略 let tsChild, //监视ts文件修改子进程 serverChild; //重启服务器子进程 //编译ts文件 gulp.task('build-ts',function(){ tsChild = exec('tsc',(error,stdout,stderr)=>{ console.log(`tsc====>stdout: ${stdout}`); console.log(`tsc====>stderr: ${stderr}`); if (error !== null) { console.log(`exec error: ${error}`); } }); }); //自动重启服务器 gulp.task('restart',function(){ serverChild = exec('supervisor -w build ./build/server.js',(error,stdout,stderr)=>{ console.log(`restart=====>stdout: ${stdout}`); console.log(`restart=====>stderr: ${stderr}`); if (error !== null) { console.log(`exec error: ${error}`); } }); }); //开发任务 gulp.task('dev2',['build-ts','restart']);

运行gulp dev2,效果和上一个例子一样。

以上,提供一种解决办法的方式和思路,仅供参考,如果用在实际环境中,还需要进一步完善功能。

结语

本文只是对搭建typescript开发node.js项目的环境做一个简单研究和记录。

最初这样想,也只是好奇可不可以这么做。实际上在node.js稳定版本v6.9.1中已经支持了90%的ES6。因此,直接使用ES6开发node.js项目,是很好的选择。

不完善的地方,请见谅,后面会慢慢补充。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyzwds.html