title: style-loader not working for Webpack2
body: <p>I had simplified my webpack2 configuration. But still this is not working ( 
  with no errors and warnings ).</p>
  
  <h3>webpack.config.js</h3>
  
  <pre><code>const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  
  const svgDirs = [
    require.resolve('antd-mobile').replace(/warn\.js$/, ''),
    path.resolve(__dirname, 'src/assets/svg'),
  ];
  
  module.exports = {
    entry: path.join(__dirname, 'src/index.js'),
    resolve: {
      modules: ['node_modules', path.join(__dirname, 'src')],
      extensions: ['.web.js', '.js', '.json'],
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
        },
        {
          test: /\.less$/,
          exclude: /node_modules/,
          loaders: ['style-loader', 'css-loader', 'less-loader'],
        },
        {
          test: /\.css$/,
          loaders: ['style-loader', 'css-loader'],
        },
        {
          test: /\.html$/,
          loader: 'html-loader',
        },
        {
          test: /\.(svg)$/i,
          use: 'svg-sprite-loader',
          include: svgDirs,
        },
      ],
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: 'src/index.html',
        hash: true,
      }),
    ],
  };
  </code></pre>
  
  <p>I tired to log these styles out. But all empty objects!</p>
  
  <pre><code>import styles1 from './Styles1.less';
  import styles2 from './Styles2.css';
  console.log(styles1); // empty object!
  console.log(styles2); // empty object!
  &lt;div className={styles1.class1}&gt;&lt;/div&gt; // not working
  </code></pre>
  
  <p>Below is my <code>package.json</code> and <code>.babelrc</code> if you need to check out.</p>
  
  <h3>package.json</h3>
  
  <pre><code>{
    "private": true,
    "scripts": {
      "start": "cross-env NODE_ENV=development webpack-dev-server --hot --port 8000",
      "build": "webpack -p --progress --colors",
      "lint": "eslint --ext .js src test"
    },
    "dependencies": {
      "antd-mobile": "^1.1.0",
      "lodash": "^4.17.4",
      "moment": "^2.18.1",
      "react": "15.4.2",
      "react-dom": "15.4.2",
      "react-native": "0.42.3",
      "react-redux": "^5.0.4",
      "react-router": "^4.1.1",
      "react-router-redux": "^4.0.8",
      "redux": "^3.6.0",
      "redux-saga": "^0.14.8",
      "regenerator-runtime": "^0.10.3"
    },
    "devDependencies": {
      "autoprefixer": "^6.7.7",
      "babel-core": "^6.24.1",
      "babel-eslint": "^7.2.3",
      "babel-loader": "^7.0.0",
      "babel-plugin-import": "^1.1.1",
      "babel-plugin-react-transform": "^2.0.2",
      "babel-plugin-transform-decorators-legacy": "^1.3.4",
      "babel-plugin-transform-runtime": "^6.23.0",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-react": "^6.24.1",
      "babel-preset-stage-0": "^6.24.1",
      "cross-env": "^4.0.0",
      "css-loader": "^0.28.0",
      "eslint": "^3.19.0",
      "eslint-config-airbnb": "^14.1.0",
      "eslint-plugin-import": "^2.2.0",
      "eslint-plugin-jsx-a11y": "^4.0.0",
      "eslint-plugin-react": "^6.10.3",
      "extract-text-webpack-plugin": "^2.1.0",
      "html-loader": "^0.4.5",
      "html-webpack-plugin": "^2.28.0",
      "less": "^2.7.2",
      "less-loader": "^4.0.3",
      "postcss": "^5.2.17",
      "postcss-loader": "^1.3.3",
      "postcss-pxtorem": "^4.0.0",
      "react-transform-catch-errors": "^1.0.2",
      "react-transform-hmr": "^1.0.4",
      "redbox-react": "^1.3.6",
      "style-loader": "^0.16.1",
      "svg-sprite-loader": "^0.3.1",
      "webpack": "^2.4.1",
      "webpack-dev-server": "^2.4.5"
    }
  }
  </code></pre>
  
  <h3>.babelrc</h3>
  
  <pre><code>{
    "env": {
      "development": {
        "presets": ["react", "es2015", "stage-0"],
        "plugins": [
          [
            "react-transform",
            {
              "transforms": [
                {
                  "transform": "react-transform-hmr",
                  "imports": ["react"],
                  "locals": ["module"]
                }, {
                  "transform": "react-transform-catch-errors",
                  "imports": ["react", "redbox-react"]
                }
              ]
            }
          ],
          ["import", { "style": "css", "libraryName": "antd-mobile" }],
          ["transform-decorators-legacy"]
        ]
      }
    }
  }
  </code></pre>