title: Sass loader and webpack 4
body: <p>How to use sass loader with webpack 4? I read a lot about this and most sites recomended to use ExtractTextPlugin, but ExtractTextPlugin doesn't work with webpack 4.</p>
  
  <p>I wrote following <strong>webpack.config.js</strong>:</p>
  
  <pre><code>const path = require('path');
  const ClosureCompilerPlugin = require('webpack-closure-compiler');
  
  
  module.exports = {
      module: {
          rules: [
              {
               test: /\.scss$/,
               use: [{
                   loader: "style-loader"
               }, {
                   loader: "css-loader"
               }, {
                   loader: "sass-loader"
               }]
              }
          ]
      },
      plugins: [
          new ClosureCompilerPlugin({
              compiler: {
                  language_in: 'ECMASCRIPT6',
                  language_out: 'ECMASCRIPT3',
                  compilation_level: 'ADVANCED'
              },
              concurrency: 3,
          })
      ]
  };
  </code></pre>
  
  <p>Output .js file works well, but my .scss didn't compile to css. I'm tried to add entry points:</p>
  
  <pre><code>entry: {
      stylesheet: path.resolve('src', 'scss/styles.scss'),
      main: path.resolve('src', 'index.js')
  }
  </code></pre>
  
  <p>and after this my styles.scss compiles to stylesheet.js, but i not to .css.</p>