title: Webpack 1.12: Bundle css files
body: <p>I'm successfully bundling .js files and processing them correctly with the loaders. My current config is here:</p>
  
  <pre><code>"use strict";
  
  var webpack = require("webpack");
  
  module.exports = {
      entry: {
          main: 'main.js',
          vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap"],
      },
      output: { path: "../resources/public", filename: 'bundle.js' },
  
      plugins: [
          new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"static/vendor.bundle.js"),
          new webpack.ProvidePlugin({
              $: "jquery",
              jQuery: "jquery"
          }),
      ],
  
      module: {
          loaders: [
              {
                  test: /.js?$/,
                  loader: 'babel-loader',
                  exclude: /node_modules/,
                  query: {
                      presets: ['es2015', 'react', 'stage-0']
                  }
              }
          ]
      },
  };
  </code></pre>
  
  <p>I now have a bunch of css files, some of them from the vendor modules as well. How do I bundle them in the same manner to a bundle.css for my own(there's just one) and vendor.bundle.css for the modules, similar to the structure above?</p>