title: react-slick: Import CSS from slick-carousel fails
body: <p>React beginner here. My app uses create-react-app, and I'm pulling in <a href="https://github.com/akiran/generator-react-slick" rel="noreferrer">react-slick</a> for a carousel. I'm trying to follow the directions that are provided in the setup for react-slick, but the following doesn't work for me: </p>
  
  <p><code>@import "~slick-carousel/slick/slick.css";
  @import "~slick-carousel/slick/slick-theme.css";</code></p>
  
  <p>I get the following error:</p>
  
  <p><code>./src/components/Homepage.scss
  Module not found: Can't resolve '~slick-carousel/slick/slick.css' in '/Users/simon/Dev/frischideas/site-new/src/components'</code></p>
  
  <p>It works if I add the css to index.html from the CDN, but I'd rather avoid that network call, as I believe it's affecting the rendering of the page on initial load.</p>
  
  <p>I tried following the <a href="https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-stylesheet" rel="noreferrer">instructions</a> for configuring create-react-app to use relative paths, but that wasn't working for me either. Maybe I'm completely misunderstanding, but I thought the ~ notation would allow me to import scss from a package in /node_modules.</p>
  
  <p>Any suggestions/clarification would be greatly appreciated.</p>
  
  <p>Update: adding the setup from my webpack.config file (most of which is the default from create-react-app).</p>
  
  <pre><code>{
              test: /\.scss$/,
              use: [
                require.resolve('classnames-loader'),
                require.resolve('style-loader'), {
                  loader: require.resolve('css-loader'),
                  options: {
                    importLoaders: 1,
                    modules: 1,
                    localIdentName: "[name]__[local]___[hash:base64:5]"  
                  },
                },{
                  loader: require.resolve('postcss-loader'),
                  options: {
                    // Necessary for external CSS imports to work
                    // https://github.com/facebookincubator/create-react-app/issues/2677
                    ident: 'postcss',
                    plugins: () =&gt; [
                      require('postcss-flexbugs-fixes'),
                      autoprefixer({
                        browsers: [
                          '&gt;1%',
                          'last 6 versions',
                          'Firefox ESR',
                          'not ie &lt; 9', // React doesn't support IE8 anyway,'
                        ],
                        remove: false,
                        flexbox: 'no-2009',
                      }),
                    ],
                  },
                },{
                  loader: require.resolve('sass-loader'),
                  options: {
                    outputStyle: 'expanded'
                  }
                }
              ],
            }
  </code></pre>