javascript - 带有 $ 的 Grunt lint 错误

Question

我正在尝试将 lint 与 Grunt 一起使用。我可以从命令行运行 Grunt，但它给了我很多错误。主要是“'$' 未定义”。甚至 alert 也会抛出错误，“'alert' is not defined”。

我怎样才能解决这些问题？

Answer 1

你需要告诉 JSHint(这是 Grunt 默认使用的 linter)关于被 lint 的文件可用的全局变量。我假设您在页面上包含 jQuery，因此 $ 标识符(当然可以是其他各种库)。

您可以在每个文件中或在 Grunt 脚本中指定全局变量。要在文件中指定它们，您可以使用 global 指令。把它放在文件的顶部，或者放在你使用全局变量的函数的顶部:

/*global $:false */

请注意，false 意味着如果您覆盖 $，您将收到错误。如果您需要这样做的能力，请将其更改为 true。

如果您希望在 Grunt 脚本中指定全局变量，您可以将 globals 属性添加到 jshint 部分中的任何任务。例如:

grunt.initConfig({
    jshint: {
        someTask: {
            globals: {
                $: false
            }
        }
    }
});

至于你得到的alert消息，你需要告诉JSHint你允许使用开发函数，比如alert和控制台日志。为此，您可以在文件中使用 jshint 指令(就像 global 指令一样):

/*jshint devel:true */

或者您可以向 Grunt 脚本中的任务添加一个 options 属性:

someTask: {
    globals: {
        $: false
    },
    options: {
        devel: true
    }
}

参见 JSHint docs对于您可用的所有选项。