Извлечение общих стилей с помощью ExtractTextPlugin и CommonsChunkPlugin

Question

Я пытаюсь извлечь общий кусок из моего css в соответствии с разделом вики. Я знаю, что это документы для webpack 1 но для webpack 2 Похоже, что пока нет соответствующего примера. Я использую следующую конфигурацию webpack:

module.exports = {
    context: srcPath,
    entry: {
        foo: './css/pages/foo.css',
        bar: './css/pages/bar.css'
    },
    output: {
        path: distPath,
        publicPath: '/assets/',
        filename: '[name].js'
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ExtractTextPlugin.extract([
                'css-loader'
            ])
        }]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            name: 'common',
            minChunks: 2
        }),
        new ExtractTextPlugin({
            filename: 'css/[name].[contenthash:base64:5].css',
            allChunks: true
        })
    ]
};

Не могу понять почему common.css не появляется после сборки. Просто common.js, foo.js, bar.js, foo.css а также bar.css, Я что-то пропустил? Я новичок в вебпаке.

Благодарю.

Answer 1

Ссылка https://webpack.js.org/plugins/commons-chunk-plugin/

minChunks означает, что модуль, который должен содержаться как минимум два раза, будет common.css,

Теперь нет подробностей о входе foo.css а также bar.css, но вы можете проверить это в первую очередь.:)