webpack - Webpack で Autoprefixer が機能しない

Question

Web パックを使用してブートストラップをセットアップしようとしていますが、ビルドを実行すると、CSS の auto プレフィックス付きバージョンが提供されません。

custom.scss にカスタマイズを追加し、ノード モジュールからブートストラップをインポートしました。

これは私のwebpack.config.jsです

module.exports = {
entry: {
    scss: ['./src/scss/custom.scss']
},
module: {
    rules: [    
    {
    test: /\.scss$/,
    loader: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: [{
            loader: 'css-loader',
            options: {
                minimize: false,
                autoprefixer: true,
                sourceMap: true,
                importLoaders: 1
            }
        }, 'postcss-loader', 'sass-loader']
    })
   }
  ]
 },
 plugins: [
    new ExtractTextPlugin({
            filename: './assets/css/style.css',
            disable: false,
            allChunks: true
        }),
  ]
}

これは私のpostcsss.config.jsです

module.exports = {
  plugins: function () {
        return [
            require('precss'),
            require('autoprefixer')
        ];
    }
}

ビルドすると、すべてのブートストラップ css が style.css に追加されますが、auto プレフィックス付きの css ファイルは提供されません。ベンダー プレフィックスは必須です。これは BS4 であるため、flex があるためです。

ありがとう。