webpack.DefinePlugin 和 jshint “未定义”答案

【问题标题】：webpack.DefinePlugin and jshint "is not defined"webpack.DefinePlugin 和 jshint “未定义”
【发布时间】：2015-07-10 10:12:33
【问题描述】：

我正在使用webpack.DefinePlugin 来注入全局常量作为构建管道的一部分。然而 jshint 抱怨常量“未定义”。

来自我的 webpack.config.js：

  plugins: [
    new webpack.DefinePlugin({
        __ALEX__: JSON.stringify('alex.com')
    }),

导致：

WARNING in ./src/Main.js
jshint results in errors
  '__ALEX__' is not defined. @ line 12 char 30
      lock: new Thing(__ALEX__)

注入常量后让 jshint 查看代码的正确方法是什么？

【问题讨论】：

您可以尝试将 jshint 作为 postLoader 移动吗？
我在使用eslint-loader时遇到了同样的问题...
您是否特别不想将"globals": {"__ALEX__": true} 添加到您的 .jshintrc/.eslintrc 中？
您好，Alex，您是否成功地完成了这项工作？我在我的项目中遇到了eslint-loader 的问题，但在另一个项目中它似乎有效。所以我正在调查...
为了解决 typescript 这个问题，我用declare const __ALEX__;创建了一个webpack.config.d.ts

标签： jshint webpack

【解决方案1】：

将以下内容添加到.eslintrc

{
    "globals": {
        "__ALEX__": true
    },
    "parser": "babel-eslint",
    "parserOptions": {
      "sourceType": "module",
      "allowImportExportEverywhere": true
    }
}

如果不添加 parser 和 parsterOptions 字段，我会收到奇怪的 pre ECMA Script 16 错误。

【讨论】：