title: Importing vendor css when using webpack + css components
body: <p>I'm trying to use things like <strong>font-awesome</strong> and <strong>foundation</strong> with React and css modules but I can't figure it out how to import them into my project properly.</p>
  
  <p>Note that I'm using <code>HotModuleReplacementPlugin</code> and <code>ExtractTextPlugin</code> to get a single css file.</p>
  
  <p>Somewhere in the top-level component's css file I'd like to be able to just do <code>@import 'font-awesome';</code> but how can I do it so that the file will be treated as-is and the classes won't end up localised to <code>font_awesome__fa-check</code> and such?</p>
  
  <p>This is my webpack config:</p>
  
  <pre><code>var paths = {
    app: path.join(__dirname, './app/'),
    dist: path.join(__dirname, './dist/'),
    external: path.join(__dirname, './node_modules/'),
  }
  module.exports = {
    entry: {
      site: [
        'webpack-dev-server/client?http://localhost:5000',
        'webpack/hot/dev-server',
        path.join(paths.app, '/index.js'),
      ]
    },
    output: {
      path: paths.dist,
      publicPath: '/',
      filename: 'scripts/[name].[hash].js',
      chunkFilename: '[name].[chunkhash].js'
    },
    resolve: {
      extensions: ['', '.js'],
      root: paths.app,
      alias: {
        'font-awesome.css': path.join(paths.external, '/font-awesome/css/font-awesome.min.css')
      }
    },
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          loaders: ['babel'],
          include: path.join(__dirname, 'app')
        },
        {
          test: /\.css$/,
          loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules&amp;localIdentName=[name]__[local]&amp;importLoaders=1', 'postcss-loader')
        }
      ]
    },
    postcss: [
      require('autoprefixer-core'),
    ],
    devtool: 'inline-source-map',
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin(),
      new ExtractTextPlugin("styles/[name].[chunkhash].css", {allChunks: true}),
      new HtmlWebpackPlugin({
        template: path.join(paths.app, '/site.html'),
        filename: 'index.html',
        inject: 'body',
        chunks: ['site']
      }),
    ]
  };
  </code></pre>
  
  <p>Thanks.</p>