title: Defining path to scss files
body: <p>Using sass-loader I was able to compile scss as expected by adding another entry point like the below.</p>
  
  <pre><code>entry: ['./src/assets/scripts/main.js', './src/assets/styles/_main.scss'],
  </code></pre>
  
  <p>However, I thought I could define a path to my source files using the sass-loader option includePaths like the below.</p>
  
  <pre><code>const path = require('path');
  
  options: {includePaths: ['path.resolve(__dirname, "src/assets/styles")']}
  </code></pre>
  
  <p>This doesn't seem to work. Am I misunderstanding this? Also, is there a disadvantage to adding a bunch of entry point an array like I did. Thanks.</p>
  
  <p>UPDATED</p>
  
  <pre><code>const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  
  const config = {
      entry: './src/assets/scripts/main.js',
      output: {
          path: path.resolve(__dirname, 'dist/scripts'),
          filename: 'main.js'
      },
      module: {
          rules: [
            {
              test: /\.scss$/,
              //include: [ path.resolve(__dirname, 'src/assets/styles') ],
              use: ExtractTextPlugin.extract({
              //fallback: 'style',
                          use: [{
                            loader: 'css-loader', // translates CSS into CommonJS modules
                          },  {
                            loader: 'sass-loader', // compiles Sass to CSS
                                          options: {
                         includePaths: [path.resolve(__dirname, "src/assets/styles")]
                  }
                          }]
  
                  })
            }
          ]
      },
  
      plugins: [  
          new ExtractTextPlugin('styles.css')
      ]
  };
  
  module.exports = config;
  </code></pre>