title: Webpack and external (vendor) .css
body: <p>I'm slowly bringing Webpack into an existing project. At this point we won't <code>require</code> .css files. However, I would like Webpack to still process them.</p>
  
  <p>I would like Webpack to just load the file, pass it to whatever .css loader is required (<em>Stylus</em> in our case), and output a .css file.</p>
  
  <p>None of the combinations of ExtractTextPlugin, raw and file loaders, passing loaders into other loaders work, Webpack inevitably throws</p>
  
  <pre><code>Module build failed: ParseError: ...bootstrap-theme.min.css:5:1996
     1| /*!
     2|  * Bootstrap v3.3.5 (http://getbootstrap.com)
     3|  * Copyright 2011-2015 Twitter, Inc.
  ...
  expected "indent", got ";"
  </code></pre>
  
  <p>Is it even possible to process external files with Webpack like this?</p>
  
  <p>Various combinations tried:</p>
  
  <pre><code>  {
      test:   /\.(styl|css)/,
      loader: 'raw!stylus'
    }
  
    {
      test:   /\.(styl|css)/,
      loader: 'file!stylus'
    }
  
  
    {
      test:   /\.(styl|css)/,
      loader: ExtractTextPlugin.extract('file', 'raw!stylus')
    }
  
  
    {
      test:   /\.(styl|css)/,
      loader: ExtractTextPlugin.extract('style-loader', 'css-loader!stylus-loader')
    }
  </code></pre>