title: webpack not loading @font-face
body: <p>in my React app i'm implementing server side rendering so i don't want to add <code>node_modules</code> in my server side because of performance issue.But i want <code>css</code> from from <code>node_modules</code> which are used as UI Kit libs.so i used webpack nodeExternal in my <strong>webpack.server.config</strong> file like</p>
  
  <pre><code>const path = require('path');
  const merge = require('webpack-merge');
  const baseConfig = require('./webpack.base.js');
  const nodeExternals = require('webpack-node-externals')
  let test = {
      test: /\.css$/,
      loader: 'css/locals?module&amp;localIdentName=[name]__[local]___[hash:base64:5]'
  }   
  
  
  const config = {
      target:'node',
      entry: './src/index.js',
  
      output:{
          filename:'bundle.js',
          path:path.resolve(__dirname,'build')
      },
      externals: [nodeExternals({
          whitelist: [/\.(?!(?:jsx?|json)$).{1,5}$/i]
      })]
  }
  
  module.exports  = merge(baseConfig,config)
  </code></pre>
  
  <p>here <strong>webpack</strong> adding css files but it is <strong>not loading</strong> @font-face from my node_modules UI kit files.if i remove <strong>nodeExternal</strong> from <strong>webpack.server.config</strong> file then every thing is working fine but <code>bundle.js</code> file size getting increased.<br>
  i already added <em>font rule</em> in my <strong>webpack.base.config</strong> file</p>
  
  <pre><code>const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  const CSSExtract = new ExtractTextPlugin('styles.css');
  
  
  module.exports ={
      module: {
          rules: [{
              loader: 'babel-loader',
              test: /\.js$/,
              exclude: /node_modules/
          }, {
              test: /\.s?css$/,
              use: CSSExtract.extract({
                  use: [
                      {
                          loader: 'css-loader',
                          options: {
                              sourceMap: true
                          }
                      },
                      {
                          loader: 'sass-loader',
                          options: {
                              sourceMap: true
                          }
                      }
                  ]
              })
          },{
              test: /\.(gif|svg|jpg|png|ttf|eot|woff(2)?)(\?[a-z0-9=&amp;.]+)?$/,
              loader: 'url-loader?limit=100000&amp;name=fonts/[name].[ext]'
          }
      ],
      },
      devtool: 'inline-source-map',
      plugins: [
          CSSExtract
      ]
  }
  </code></pre>
  
  <p>i tried with <code>file-loader</code> also but same problem<br>
  <strong>it showing me error</strong></p>
  
  <blockquote>
    <p>@font-face {<br>
    ^<br>
    SyntaxError: Invalid or unexpected token<br></p>
  </blockquote>
  
  <p><strong>How can i add css files from node_modules with @font-face</strong> </p>