Webpack sass where is the css file

Question

I am using web pack with sass loader like this:

module.exports = {
  module: {
    loaders: [
      {
        test: /\\.scss$/,
        loader: \"style!css!sass\         


        

Answer 1

The extract-text-webpack-plugin has been deprecated you should use the mini-css-extract-plugin. Assuming you have your styles in css/app.scss, your entry file should import it as usual like:

import 'css/app.scss';

Add the plugin:

plugins: [new MiniCssExtractPlugin()]

And add the plugin to your loader chain:

{
  test: /\.s[ac]ss$/i,
  use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
}

When you run webpack with that configuration you'll end up with an app.css file loaded in your HTML with a tag similar to: