Как в WebPack компилировать стили отдельно от JS?

Question

[Денис Букреев]

Посмотрел кучу туториалов по WebPack, и во всех авторы лепят стили в JS - что за бред?
Как сделать компилирование стилей в отдельный файл, который я смогу подключить в 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',
        }),
      },

Comments

[Денис Букреев]

круто, спасибо)
Только при работе вебпаковского сервера стили не компилируются, хотя консоль пишет, что билд сработал. При работе без сервера - все нормально билдится.
Почему так может быть?

[Максим]

Денис Букреев: вроде бы, когда работает вебпаковский сервер, он все равно будет пихать в 'style' тэг.. (но это не точно).