title: React-slick with css modules
body: <p>I'm using webpack with css modules for my project and I've tried to install popular package react-slick to create slider. It works perfectly in sandbox, but in original project I have some difficulties.
  When I'm, trying to import <code>slick.css</code> and <code>slick-theme.css</code> as mentioned in <a href="https://www.npmjs.com/package/react-slick" rel="nofollow noreferrer">documentation</a> I got next error:</p>
  <pre><code>Module not found: Can't resolve '~slick-carousel/slick/slick-theme.css'
  </code></pre>
  <p>What I already tried to avoid this:</p>
  <h1>1</h1>
  <p>I installed</p>
  <pre><code>npm install file-loader url-loader --save
  </code></pre>
  <p>Updated my webpack.config.js by adding next section</p>
  <pre><code>  {
      test: /\.scss$/,
      loader:
        &quot;style!css!sass?outputStyle=expanded&amp;&quot; +
        &quot;includePaths[]=&quot; +
        path.resolve(__dirname, &quot;./node_modules&quot;)
    }
  </code></pre>
  <p>Didn't Work</p>
  <h1>2</h1>
  <p>Replaced</p>
  <pre><code>import &quot;~slick-carousel/slick/slick.css&quot;;
  import &quot;~slick-carousel/slick/slick-theme.css&quot;;
  </code></pre>
  <p>with</p>
  <pre><code>import 'slick-carousel/slick/slick.css';
  import 'slick-carousel/slick/slick-theme.css';
  </code></pre>
  <p>Didn't Work</p>
  <h1>3</h1>
  <p>I manually downloaded those two .css files in my project and import them directly from folder.</p>
  <p>Didn't work.</p>
  <p>What should I do to resolve this problem?</p>