webpack 2.1.0-beta23+ breaks webpack.config.options

[gpazo]

Original webpack issue: webpack/webpack#3018

Fix documentation to change:

module.exports = {
  ...
  module: {
    loaders: [
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      }
    ]
  },
  sassLoader: {
    includePaths: [path.resolve(__dirname, "./some-folder")]
  }
};

to:

module.exports = {
  ...
  module: {
    plugins: [
      new webpack.LoaderOptionsPlugin({
        options: {
          sassLoader: {
             includePaths: [path.resolve(__dirname, "./some-folder")]
        }
     })
    ],
    loaders: [
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      }
    ]
  }
};

[tleunen]

The sass loader should be updated to the new way of passing options instead of using the LoaderOptionsPlugin.

[luchillo17]

@tleunen So in the mean time we need to stick with webpack beta.22?

[tleunen]

No not really.. there's a fix explained here for the context: webpack/webpack#3018 (comment)

[luchillo17]

Yeah i saw that, however in my case it didn't work.

[leaves4j]

@gpazo TypeError: webpack.LoaderOptionsPlugin is not a constructor
I got this error in webpack@2.1.0-beta.25

[cmckni3]

I switched to using the module.rules use syntax.

{
  test: /\.scss$/,
  use: [
    'style-loader',
    'css-loader',
    {
      loader: 'sass-loader',
      query: {
        includePaths: [path.resolve(__dirname, "./some-folder")]
      }
    }
  ]
}

[alexander-akait]

@gpazo @tleunen @luchillo17 @leaves4j please update to latest webpack version 👍

Closing this out, please feel free to reopen if this doesn't resolve your issue. Thanks!

[pretentiousgit]

This is still a bug in webpack-cli with webpack 2.5.1, fresh install of everything.

[luchillo17]

@pretentiousgit Seems only with cli, i don't get this issue any more with latest webpack.