webpack config里面的独立配置项是什么呀？

Question

module.exports = {
  entry: {
  },
  output: {
  },
  resolve: {
  },
  resolveLoader: {
  },
  module: {
   
    loaders: [
      // 需要处理的文件及使用的 loader
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.js$/,
        loader: 'babel',
        include: projectRoot,
        exclude: /node_modules/
      },
      {
        test: /\.json$/,
        loader: 'json'
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]
  },
  eslint: {
    // eslint 代码检查配置工具
    formatter: require('eslint-friendly-formatter')
  },
  vue: {
    // .vue 文件配置 loader 及工具 (autoprefixer)
    loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
    postcss: [
      require('autoprefixer')({
        browsers: ['last 2 versions']
      })
    ]
  }
}

本人webpack的初学者，最近在搭建一个vue和webpack一起使用的项目，在网上查了webpack的一些配置之后发现webpack的配置里面有2个与module同级的eslint和vue两个独立配置项，我在网上查了好多文档都没有找到这种独立配置项的使用方法，求大佬告知这样做的原因

Answer 1

你这个是webpack1.x的写法了吧...