How to compile styles separately from JS in WebPack?

Question

webpack

I looked at a bunch of tutorials on WebPack, and in all the authors sculpt styles in JS - what kind of nonsense?
How can I compile styles into a separate file that I can include in HTML?

Answer 1

extract-text-plugin

{
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          fallbackLoader: 'style-loader',
          loader: ['css-loader', 'postcss-loader'],
          publicPath: '/public',
        }),
      }, {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract({
          fallbackLoader: 'style-loader',
          loader: ['css-loader', 'postcss-loader', 'sass-loader'],
          publicPath: '/public',
        }),
      },