postcss-loader не работает с ExtractTextPlugin в webpack 3?

Конфигурация

webpack.config.js

test: /\.css$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: [
        {
          loader: 'css-loader',
          options: { importLoaders: 1 }
        },
        'postcss-loader'
      ]
    })

...

new ExtractTextPlugin('../css/[name].bundle.css')

postcss.config.js

module.export = {
  plugins: [
    require('autoprefixer')
  ]
}

package.json

"webpack": "^3.10.0",
"css-loader": "^0.28.9",
"style-loader": "^0.20.1",   
"extract-text-webpack-plugin": "^3.0.2",
"postcss-loader": "^2.0.10",
"autoprefixer": "^7.2.5",

Дополнительная информация

$ node -v
v9.4.0

Проблема

Я не получаю ошибок при запуске этой конфигурации. Он работает так, как будто postcss-loader не существует, и дает мне простой CSS. Я пытаюсь запустить базовый пример, опубликованный на сайте autoprefixer.


postcss postcss-loader webpack-3 extract-text-plugin
person Carlos Rincon    schedule 29.01.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

webpack.config.js

test: /\.css$/,
  exclude: /node_modules/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: [
        'css-loader',
        {
          loader: 'postcss-loader',
          options: {
            plugins: () => [
              require('autoprefixer')
            ]
          }
        }
      ]
    })

...

new ExtractTextPlugin('/css/[name].bundle.css')
person Carlos Rincon    schedule 04.02.2018
comment
Я не нашел способ заставить это работать с postcss.config.js - person Carlos Rincon; 05.02.2018