如何配置Webpack＆amp; Babel在未声明的变量上失败？

Question

我正在使用带有Babel的webpack来构建我的React应用程序。

env

我最近一直在使用es2015（以前称为assignment to undeclared variable fooBar ），因此我的部分代码中有一些未声明的变量。我想将webpack配置为在构建时失败而不是有一个错误的js，这在执行时会引发我的错误，如：

<div class="form-check">
    <label class="form-check-label">
      <input type="checkbox" value="false"> No
    </label>
</div>

Answer 1

不确定Babel是否可以这样做，但Eslint肯定可以！只需设置您的Eslint配置文件;同样，使用Eslint Webpack Plugin将Eslint实现到您的webpack配置中，这样它就可能无法构建。如果您需要更多帮助，请随时告诉我。