title: Webpack Sass - cannot resolve images
body: <p>I am trying to compile my Sass via webpack. Compiling normal sass is fine but I get an error.</p>
  <pre><code> Module not found: Error: Can't resolve '../img/twitter.svg' in '/Users/Steve/mywebsite/scss'
       @ ./~/css-loader!./~/sass-loader/lib/loader.js!./scss/main.scss 6:94501-94530
  </code></pre>
  <p>Is there a way to resolve this? Alternatively is there a way to set the level of the sass compiler to be less strict to just ignore certain errors</p>
  <p>Below is my current config.</p>
  <pre><code>const path = require(&quot;path&quot;);
  const ExtractTextPlugin = require(&quot;extract-text-webpack-plugin&quot;);
  
  module.exports = {
    resolve: {
      alias: {
        masonry: &quot;masonry-layout&quot;,
        isotope: &quot;isotope-layout&quot;,
      },
    },
  
    entry: &quot;./main.js&quot;,
    output: {
      path: path.resolve(__dirname, &quot;./dist/dist2&quot;),
      filename: &quot;bundle.js&quot;,
    },
  
    module: {
      rules: [
        {
          test: /\.(png|jpg|svg)$/,
          include: path.join(__dirname, &quot;/dist/img&quot;),
          loader: &quot;url-loader?limit=30000&amp;name=images/[name].[ext]&quot;,
        },
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: &quot;babel-loader?presets[]=es2015&quot;,
        },
  
        {
          test: /\.scss$/,
          use: ExtractTextPlugin.extract({
            use: [&quot;css-loader&quot;, &quot;sass-loader&quot;],
          }),
        },
  
        {
          test: /\.vue$/,
          loader: &quot;vue-loader&quot;,
          options: {
            loaders: {},
            // other vue-loader options go here
          },
        },
      ],
    },
  
    plugins: [
      // new webpack.optimize.UglifyJsPlugin(),
      new ExtractTextPlugin(&quot;ross.css&quot;),
    ],
  };
  </code></pre>