Sass loader

I think I figured it out. It looks like using a "loader" (singular) on modules allows you to pipe (using !) results from one loader into the next. Whereas using the plural "loaders" in your webpack.config.js file will let you use an array with the same results (processed data is piped into the next processor in the array). Two styles of writing them as follows:

From Guil's Adding CSS Loaders video we see:

module: {
  loaders: [
    {
      test: /\.css$/,
      loader: “style-loader!css-loader”
    }
  ]
}

Hopefully it's safe to assume adding Sass would mean adjusting that one line to:

loader: “style-loader!css-loader!sass-loader”

Or the other way we see in Isaac's Adding Styles to Your Application video like this:

module: {
  loaders: [
    {
      test: /\.css$/,
      loaders: ['style-loader', 'css-loader', 'sass-loader']
    }
  ]
}

So it looks like they should both work. There might be an industry standard but it appears like this is one of those instances where individual preference in how you write your code is ok. Anyone feel free to correct me if I'm wrong.

Check the teacher's notes.

There is special workshop with SASS:

https://teamtreehouse.com/library/adding-styles-to-your-application

At 02:47 he is typing

loaders: ['style', 'css', 'sass']

Check the video for more