CSS Modules In Webpack

// webpack 1.x

{
    test: /.css$/,
    loader: "style-loader!css-loader?modules"
},


// webpack 2.x
{
  test: /.css$/,
  use: [
    {
      loader: 'css-loader',
      options: {
        modules: true,
      }
    }
  ]
}

// CSS 
.content  {
  color: red;
}

// React
import React from 'react';
import style from './App.css';

export default () => {
  return (
    <h1 className={style.content }>
      Hello World
    </h1>
  );
};

// HTML
<h1 class="_3zyde4l1yATCOkgn-DBWEL">
  Hello World
</h1> 

// CSS
._3zyde4l1yATCOkgn-DBWEL {
  color: red;
}

{
　　test: /.css$/,
　　loader: 'style-loader!css-loader?modules',
　　exclude:[path.resolve(__dirname, '..', 'node_modules')]
}, {
　　test: /.css$/,
　　loader: 'style-loader!css-loader',
　　include:[path.resolve(__dirname, '..', 'node_modules')]
},