title: Using removed Babel 5 option: base.modules - Use the correspondi ng module transform plugin
body: <p>I am getting the following error when running the react application using babel and webpack.</p>
  
  <p>Error
  Using removed Babel 5 option: base.modules - Use the correspondi
  ng module transform plugin in the <code>plugins</code> option. Check out <a href="http://babeljs.io/docs/plugins/#modules" rel="nofollow noreferrer">http://babeljs.io/docs/plugins/#modules</a></p>
  
  <p>This if my .babelrc file</p>
  
  <pre><code>{
  "presets": [
  "es2015",
  [{"modules": true}],
  "react"
  ],
  "plugins": ["transform-object-rest-spread","transform-runtime"]
  }
  </code></pre>
  
  <p>This is my webpack files</p>
  
  <pre><code>plugins: [
      new webpack.DefinePlugin(GLOBALS), //Tells React to build in prod mode. https://facebook.github.io/react/downloads.htmlnew webpack.HotModuleReplacementPlugin());
      new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ],
    {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: ['react']
          }
        }
      ],
    },
  
    module: {
      loaders: [
        {test: /(\.js|\.jsx)$/, include: path.join(__dirname, 'client'), loaders: ['babel', 'eslint']},
        {test: /jquery/, loader: 'expose?$!expose?jQuery'},
        {test: /\.(jpe?g|png|gif|svg|woff|woff2|ttf|eot)$/i, loaders: ['file']},
        {test: /\.json$/, loader: 'json-loader' },
        {test: /(\.css|\.scss)$/, loaders: ['style',
        `css?${JSON.stringify({
              //sourceMap: true,
              // CSS Modules https://github.com/css-modules/css-modules
              //modules: true,
              //localIdentName: '[name]_[local]_[hash:base64:3]'
            })}`,
        'postcss',
        `sass?${JSON.stringify({
            data: '$assets-path: \'../assets/\';',
            includePaths: ['./node_modules']
            })}`
        ]}
      ]
    },
  
    postcss: function () {
      return [autoprefixer({browsers:["&gt; 1%", "last 2 versions", "Firefox ESR", "Safari 8"]})];
    },
    resolve: {
      extensions:["", ".jsx", ".js"]
    }
  </code></pre>
  
  <p>Could someone let me know what is this error related to?</p>