title: Import font awesome with webpack and postcss-loader
body: <p>I am trying to update my webpack build to take advantage fo postcss and postcss-loader.  However I am having problems loading fonts, images, etc.</p>
  
  <p>For example trying to get font awesome imported.</p>
  
  <p>This is my setup before postcss which works:</p>
  
  <p>css:</p>
  
  <pre><code>@import "~font-awesome/css/font-awesome.min.css";
  </code></pre>
  
  <p>webpack.config:</p>
  
  <pre><code>  ...
    module: {
      rules: [{
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      },{
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'file-loader?name=fonts/[name].[ext]'
      },{
        test: /\.(png|jpg)$/,
        loader: 'file-loader?name=images/[name].[ext]'
      },{
        test: /\.html$/, loader: 'raw-loader'
      }]
    }
    ...
  </code></pre>
  
  <p>Trying to move to this:</p>
  
  <pre><code>@import 'font-awesome'
  </code></pre>
  
  <p>webpack w/ postcss:</p>
  
  <pre><code>  ...
    module: {
      rules: [{
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [{
            loader: 'css-loader',
            options: {
              importLoaders: 1
            }
          },{
            loader: 'postcss-loader',
            options: {
              ident: 'postcss',
              sourceMap: true,
              plugins: [require('postcss-import')()]
            }
          }]
        })
      },{
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'file-loader?name=fonts/[name].[ext]'
      },{
        test: /\.(png|jpg)$/,
        loader: 'file-loader?name=images/[name].[ext]'
      },{
        test: /\.html$/, loader: 'raw-loader'
      }]
    }
    ...
  </code></pre>
  
  <p>However when I do I get errors like this:</p>
  
  <blockquote>
    <p>ERROR in ./style.css Module build failed: ModuleNotFoundError: Module
    not found: Error: Can't resolve '../fonts/fontawesome-webfont.eot' in
    '/test-project/public'</p>
  </blockquote>
  
  <p>I have tried a few other libraries as well (ie bootstrap, leaflet) and am running into the same problem with those.</p>