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的初學(xué)者，最近在搭建一個(gè)vue和webpack一起使用的項(xiàng)目，在網(wǎng)上查了webpack的一些配置之后發(fā)現(xiàn)webpack的配置里面有2個(gè)與module同級(jí)的eslint和vue兩個(gè)獨(dú)立配置項(xiàng)，我在網(wǎng)上查了好多文檔都沒有找到這種獨(dú)立配置項(xiàng)的使用方法，求大佬告知這樣做的原因