关于webpack配置中的独立配置项

Question

module.exports = {
  entry: {
  ...
  },
  output: {
  ...
  },
  resolve: {
  ...
  },
  resolveLoader: {
  ...
  },
  module: {
    loaders: [
      {
        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: {
    formatter: require('eslint-friendly-formatter')
  },
  vue: {
    loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
    postcss: [
      require('autoprefixer')({
        browsers: ['last 2 versions']
      })
    ]
  }
}

我是webpack的初学者，最近我使用webpack和vue启动了一个项目，我在Internet上搜索文档以构建webpack配置，我对代码有疑问：

为什么在代码中有 vue 和 eslint 2个独立的配置项目，我已经搜索了很多有关此问题的文档，但没有找到解决方案，我希望有人可以帮助我解决这个问题：）