title: In react-slick, className doesn't match with class names in CSS files converted by webpack css-loader
body: <p>I'm very new to <code>react-slick</code>. I've followed the installation instruction, but the slider doesn't come with CSS styles. My React project was created by create-react-app.</p>
  
  <p><code>slick.css</code> and <code>slick-theme.css</code> are imported styles.scss which is a file that I made to import the slick CSS files. As you see my css-loader set up in webpack.config.js, class names are supposed to be changed following <code>localIdentName</code>.</p>
  
  <p>Because of that, the class names are converted in CSS, and my class names in HTML stay the same. Therefore, they don't match. How can I match them?</p>
  
  <p><strong>webpack.config.dev.js</strong></p>
  
  <pre><code>test: /\.(css|scss)$/,
    use: [
      require.resolve("style-loader"),
      {
        loader: require.resolve("css-loader"),
        options: {
          importLoaders: 1,
          modules: true,
          localIdentName: "[path][name]__[local]--[hash:base64:5]",
          camelCase: "dashes"
        }
      },
      ...
  </code></pre>
  
  <p><strong>styles.scss</strong></p>
  
  <pre><code>@import "slick-carousel/slick/slick.css";
  @import "slick-carousel/slick/slick-theme.css";
  ...
  </code></pre>