title: Ignore URL resolving in third-party CSS files
body: <p>I am using Webpack with the configuration below to compile my CSS. In my CSS I am importing some CSS files from NPM packages - e.g. <code>@import '../../node_modules/slick-carousel/slick/slick-theme.scss';</code> - that contain URLs which it cannot resolve.</p>
  
  <p>Is it possible to disable URL resolving for these imported CSS files specifically? Since I am overwriting these styles anyway with my own CSS I don't need Webpack to handle these.</p>
  
  <p>Example error:</p>
  
  <pre><code>ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss
  Module not found: Error: Can't resolve './ajax-loader.gif' in '/.../css'
  @ ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss 6:9840-9868
  @ ./src/css/style.scss
  @ ./src/js/app.js
  @ multi ./src/js/app.js
  </code></pre>
  
  <p>Excerpt from webpack.config.js:</p>
  
  <pre><code>{
      test: /\.(scss)$/,
      use: [
          'style-loader',
          {
              loader: 'css-loader',
              options: {
                  minimize: false
              },
          },
          'postcss-loader',
          {
            loader: 'sass-loader',
            options: {
            }
          }
      ]
    }
  </code></pre>