webpack3 jshint-loader不起作用

V. *_*rin 13 jshint webpack webpack-3

我正在尝试按照此指令https://webpack.js.org/loaders/jshint-loader/ 并收到错误消息:

我的配置文件:

const path = require('path');

    module.exports = {
      entry: {
        app: './index.js'
      },
      output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
      },

      module: {
        rules: [
          {
            test: /\.js$/, // include .js files
            enforce: "pre", // preload the jshint loader
            exclude: /node_modules/, // exclude any and all files in the node_modules folder
            use: [
              {
                loader: "jshint-loader"
              }
            ]
          }
        ]
      },

      // more options in the optional jshint object
      jshint: {
        // any jshint option http://www.jshint.com/docs/options/
        // i. e.
        camelcase: true,

        // jshint errors are displayed by default as warnings
        // set emitErrors to true to display them as errors
        emitErrors: false,

         // jshint to not interrupt the compilation
         // if you want any file with jshint errors to fail
         // set failOnHint to true
         failOnHint: false,

         // custom reporter function
         reporter: function(errors) { }
       }
    };
Run Code Online (Sandbox Code Playgroud)

错误文字:

配置对象无效.Webpack已使用与API架构不匹配的配置对象进行初始化. - 配置具有未知属性'jshint'.这些属性是有效的:object {amd?,bail?,cache?,context?,dependencies?,devServer?,devtool ?, entry,externals?,loader?,module?,name?,node?,output?,performance? ,plugins?,prof ile?,recordsInputPath?,recordsOutputPath?,recordsPath?,resolve?,resolveLoader?,stats?,target?,watch?,watchOptions?错别字:请纠正它们.对于加载程序选项:webpack 2不再允许配置中的自定义属性.

Tom*_*aey 50

他们网站上的说明似乎已经过时,因为这确实不起作用.在Github上有一个关于这个的公开问题.

此配置应该有效:

const path = require('path');

module.exports = {
  entry: {
    app: './index.js'
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },

  module: {
    rules: [{
      test: /\.js$/, // include .js files
      enforce: "pre", // preload the jshint loader
      exclude: /node_modules/, // exclude any and all files in the node_modules folder
      use: [{
        loader: "jshint-loader",
        // more options in the optional jshint object
        options: {  // ? formally jshint property
          camelcase: true,
          emitErrors: false,
          failOnHint: false
        }
      }]
    }]
  },
};
Run Code Online (Sandbox Code Playgroud)

  • 任何人都可以解释答案中已修复的问题,以便它能够正常运行吗? (3认同)
  • “jshint”属性现在是“use”的子属性,作为“jshint-loader”下的“options”。 (2认同)