在使用直接生成pb.js后,调用的过程中IDE的代码提示比较差,很多需要翻文档才能查到,所以我们寻找支持ts或者能够生成 .d.ts
文件的工具,如下是makefile
官方文档:https://github.com/improbable-eng/ts-protoc-gen
Makefile
prod: grpc_tools_node_protoc --plugin=protoc-gen-ts=./node_modules/.bin/grpc_tools_node_protoc_plugin --js_out=import_style=commonjs,binary:./src/protos/ --grpc_out=grpc_js:./src/protos/ -I ./protos ./protos/*.proto protoc --plugin="protoc-gen-ts=./node_modules/.bin/protoc-gen-ts" --js_out="import_style=commonjs,binary:./src/protos" --ts_out="service=grpc-node,mode=grpc-js:./src/protos" -I ./protos ./protos/*.proto protoc --plugin="protoc-gen-ts=${PWD}/node_modules/.bin/protoc-gen-ts.cmd" --js_out="import_style=commonjs,binary:./src/protos" --ts_out="service=grpc-node,mode=grpc-js:./src/protos" -I ./protos ./protos/*.proto grpc_tools_node_protoc --plugin=protoc-gen-ts=./node_modules/.bin/protoc-gen-tsc --ts_out=../src/types -I ./protos ./protos/*.proto
比较重要的就是下面命令,生成后查看效果
protoc --plugin="protoc-gen-ts=${PWD}/node_modules/.bin/protoc-gen-ts.cmd" --js_out="import_style=commonjs,binary:./src/protos" --ts_out="service=grpc-node,mode=grpc-js:./src/protos" -I ./protos ./protos/*.proto
接下来js的调用会直接有ide提示识别
在windows下,plugin必须使用 .cmd
结尾的路径,并且需要完整路径powershell支持${PWD}
来获取路径,不然会提示 win32 application 或者路径错误问题