如何让 tslint 监视特定文件夹中的更改？

我正在使用 webpack 2，它会告诉我我的打字稿代码是否存在编译问题。但是，我还没有找到一种方法来通过它运行 tslint，并让它在 webpack 在开发服务器模式下运行时检测到的每个更改中运行。

我尝试过tslint 加载程序工作，但对于我项目中的每个文件，它只是告诉我：

/src/main.ts未指定有效规则

我这样使用它：

rules: [
  {
    test: /\.ts$/,
    enforce: 'pre',
    loader: 'tslint-loader',
    options: {
      configuration: {
        configFile: true // I have also tried setting this to "tslint.json"
      }
    }
  },
  ... more loaders...

还是没有喜悦。

有一种方法可以：

1. 有tslint 加载程序每次进行更改时，我都会在 webpack-dev-server 模式下使用通知我 lint 错误吗？
2. 只需从命令行运行 tslint 并让它不断“监视”我的项目中的文件？我正在寻找类似的东西tslint ./src/**/*.ts -t --force，但还有一个额外的--watch根据不存在的标志tslint 文档.

我宁愿不使用我的编辑器（例如 VS Code），因为并非我团队中的每个人都使用它。我希望解决方案包含在 webpack 配置或 package.json 脚本中。

谢谢你！

就可以从命令行运行的脚本而言，您可以尝试使用 npm-watch：https://www.npmjs.com/package/npm-watch.

我已经用它成功地完成了你所说的事情。这就是我所做的：

将 npm-watch 安装到我的项目中：

$ npm install npm-watch --save-dev

将以下内容添加到我的 package.json 文件中：

"watch": {
    "lint": "src/main.ts"
},
"scripts": {
    "lint": "tslint src/**/*.ts -t verbose",
    "watch": "npm-watch"
},

我认为 npm-watch 是一个很好的工具，可以为没有监视功能的工具（例如 tslint）提供监视功能。

Update:

另外，如果您不想在 package.json 文件中添加“watch”部分，我实际上刚刚发现了一个我更喜欢的新工具，称为 chokidar。它允许您指定要在同一行上运行的文件选择器和命令。

这是我更新的 package.json：

"scripts": {
    "lint:watch": "chokidar webpack.config.* src/**/*.ts buildScripts/**/*.ts -c \"npm run lint\" --initial --verbose"
},

基本上，您可以为其提供一个或多个文件选择器，然后使用“-c”参数来指定在更改任何这些文件时要运行的命令。

所以现在你可以运行命令：

$ npm run lint:watch

我喜欢在设置了 --initial 标志的情况下运行它，因此在执行命令之前它不会等待任何文件更改。