什么是Visual Studio TypeScript虚拟项目？如果我在外部编译,我怎么能把它弄出来呢？

Question

这个问题的第一部分是最重要的.围绕Visual Studio和TypeScript以及"TypeScript虚拟项目"存在很多堆栈问题,但我没有发现任何解释TypeScript虚拟项目是什么,它们为我做什么以及当它们"在路上"时该怎么做.我从未在Microsoft上找到任何关于此的官方文档,因此如果该团队或团队中的某个人能够做出回应,那将会非常棒."TypeScript虚拟项目"仍然存在于VS 2017中,我看到的问题与VS 2015相同.

问题的第二部分......我正在尝试将Visual Studio 2015与Angular 2和TypeScript应用程序一起使用,但我使用Webpack作为外部TS编译器和构建.在大多数情况下它可以工作,但是不时的TypeScript虚拟项目在输出窗口和代码中都会出现错误,即使我可以成功编译.他们中的大多数都无法找到@ angular/core进口等.令人困惑的是,TS虚拟项目有时也会遇到真正的错误.那么我需要用于智能感知和编译检查的虚拟项目吗？

我目前的状态是我正在进行2次编译以试图让TypeScript Virtual Project保持高兴,甚至认为有时候它仍然会抱怨.第一个构建是使用tsc作为VS构建的一部分,但后来我使用SourceMaps进行正常的Webpack构建以进行调试.这似乎有90%的时间可以正常工作,但是当TS虚拟项目阻碍其他10%的时候是非常令人沮丧的,因为它们仍然在Visual Studio 2017中,所以知道发生了什么是很重要的.

最终目标是能够使用Visual Studio作为我的编辑器和调试器(具有所有它的强大功能),具有智能感知和编译检查,但是使用外部TypeScript构建(如Webpack)来构建/捆绑等.

谢谢.

Answer 1

添加到tsconfig.json下一个选项对我有帮助：

"compilerOptions": {
   "watch": true,
    ...

并且不要忘记添加

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

到您的任何<PropertyGroup>项目文件。