title: Webpack Sass-loader relative path
body: <p>I have an issue where I import font awesome into my main scss file using <code>@import</code>. The issue is font awesome _varibles.scss uses a relative path to import its fonts <code>../fonts/*</code>. This is causing an error because webpack is trying to load the file relative to the entry point which is the main sass file. I have been trying to use options such as <code>includePaths</code> with no luck and loaders like <code>resolve-url-loader</code>. I have tried multiple paths but no joy. the main.scss file is located in the sass folder along with a vendor folder that holds the font awesome data. </p>
  
  <pre><code>                test: /\.scss$/,
                  use: [{
                          loader: "style-loader"
                      },
                      {
                          loader: 'css-loader'
                      },
                      {
                          loader: 'resolve-url-loader'
                      },
                      {
                          loader: 'sass-loader',
                          options: {
                              includePaths: [
                                  path.resolve(__dirname, "assets/css/vendor/fontawsome/scss")
                              ]
                          }
                      }
                  ]
  </code></pre>