title: Unknown word error in react-datepicker component
body: <p>i do</p>
  
  <p><code>npm install react-datepicker --save</code></p>
  
  <p><a href="https://reactdatepicker.com/" rel="nofollow noreferrer">https://reactdatepicker.com/</a></p>
  
  <p>next, I use the component in my project</p>
  
  <pre><code>import DatePicker from 'react-datepicker';
  import "react-datepicker/dist/react-datepicker.css";
  </code></pre>
  
  <p>in the <code>render</code> function:</p>
  
  <pre><code>render(){
      return(
          &lt;DatePicker /&gt;
      );
  }
  </code></pre>
  
  <p>the project is compiled with - webpack:</p>
  
  <p>webpack.config.js:</p>
  
  <pre><code>var path = require('path');
  
  module.exports = {
    entry: './index.js',
    output: {
      filename: 'order.js',
      path: path.resolve(__dirname, 'dist')
    },
    module: {
      rules: [
        {
          test: /\.js?$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          options: {
            presets: ["react", "es2015", "stage-0"]
          }
        },
        {
          test: /\.css$/,
          use: ['css-loader', 'style-loader']
        },
        {
          test: /\\.(gif|ttf|eot|svg|woff2?)$/,
          use: 'url-loader?name=[name].[ext]',
        },
      ]
    }
  };
  </code></pre>
  
  <p>I get the following error:</p>
  
  <pre><code>ERROR in ./node_modules/react-datepicker/dist/react-datepicker.css
  Module build failed (from ./node_modules/css-loader/dist/cjs.js):
  CssSyntaxError
  
  (2:1) Unknown word
  
    1 |
  &gt; 2 | var content = require("!!./react-datepicker.css");
      | ^
    3 |
    4 | if(typeof content === 'string') content = [[module.id, content, '']];
  </code></pre>