title: Example of how to load static CSS files from node_modules using webpack?
body: <p>I don't know how to load with webpack any CSS from node_modules libs, for example I've installed leaflet and each attempt of load <code>leaflet/dist/leaflet.css</code> fails.</p>
  
  <p>Could you provide example how to load static styles from node_modules?</p>
  
  <p>My current webpack config below. Additionaly I'm using <code>extract-text-webpack-plugin</code> and <code>sass-loader</code> my project scss files are working well, I have also <code>css-loader</code>, have I to resolve static css files or add something to <code>stylePathResolves</code>?</p>
  
  <pre><code>//require('leaflet/dist/leaflet.css');
  
  var ExtractTextPlugin = require("extract-text-webpack-plugin");
  var webpack = require("webpack");
  var path = require('path');
  
  var stylePathResolves = (
    'includePaths[]=' + path.resolve('./') + '&amp;' +
    'includePaths[]=' + path.resolve('./node_modules')
  )
  
  module.exports = {
    entry: ".js/app.js",
    output: {
      path: "./static/js",
      filename: "app.js"
    },
    module: {
      loaders: [{
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel'
        }, {
          test: /\.scss$/,
          loader: ExtractTextPlugin.extract(
            'style',
            'css' + '!sass?outputStyle=expanded&amp;' + stylePathResolves
          )
        }
      ]
    },
    plugins: [new ExtractTextPlugin("app.css")]
  };
  </code></pre>
  
  <p>Where to load leaflet.css, commented out <code>require('leaflet/dist/leaflet.css')</code> gives me following error:</p>
  
  <pre><code>home/myproj/node_modules/leaflet/dist/leaflet.css:3
  .leaflet-map-pane,
  ^
  
  SyntaxError: Unexpected token .
  </code></pre>