问Webstorm 11检查类型记录文件而不进行编译。用webpack编写

EN

原始答案(过时-参见下面的更新)：

正如Valery正确指出的那样，您可以将"noEmit“属性设置为true，以防止编译器创建任何输出文件。

然而，如果您的Webpack设置使用相同的tsconfig.json文件，它也将阻止webpack创建输出文件。只有在webpack下次重新开始的时候，你才会注意到这一点。

在webpack的设置中，我使用的是“ts-加载程序”类型记录加载程序。正如在页面上提到的，您可以重写编译器选项。

这就是我的设计：

tsconfig.json (由IDE和Webpack使用)

"compilerOptions": {
    "noEmit": true, // do not emit js and map files
    ...

webpack.config.json (Webpack用)

{
    test: /\.ts$/,
    loader: 'ts-loader',
    query: {
      'compilerOptions': {
        "noEmit": false // make sure js files do get emitted
      }
    },
    ...
}

看: IDE编译器检查没有js和js.map文件污染你的源代码文件夹！

更新:我的答案在1月份是一个有效的解决方案，但今天更好的解决方案是使用Webstorm/IDEA内部的类型记录服务，正如anstarovoyt所建议的那样。

还不要忘记UNcheck“启用TypeScript编译器”，如下所示：

​

​

WebStorm 2016.1 (和其他IJ 2016.1 IDE)支持"compileOnSave"选项。示例：

{
  "compileOnSave": false,
  "compilerOptions": {
    "module": "commonjs"
  }
}

更新： WebStorm 2016.2具有新的“TypeScript服务”集成。您根本不需要“TypeScript编译器”集成。只需检查“使用TypeScript服务”选项即可。此外，新的集成速度要快得多。

更新2:默认情况下在WebStorm 2016.3中启用集成

​

​

我找到了防止编译器输出tsconfig - noEmit选项的方法。

{
  "compilerOptions": {
    "module": "commonjs",
    "noEmit": true,
    "target": "es5",
    "sourceMap": true,
    "jsx": "react"
  },
  "exclude": [
    "node_modules"
  ]
}

有了这个配置，我没有额外的文件和纠正错误突出显示在网络风暴。