when the env is production,it generated css file is empty,but in development is right

[dongqizhen]

this is my config in config.js

const devMode = process.env.NODE_ENV !== 'production'

in optimization:

splitChunks: {

        cacheGroups: {
            styles: {
              name: 'styles',
              test: /\.scss|css|sass$/,
              chunks: 'all',
              enforce: true
            }
        }
    },

in rules:
{
test: /.(sass|scss)$/,
use:
[
devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
'css-loader',
'postcss-loader',
'sass-loader',
],
}

in plugin:
new MiniCssExtractPlugin({
filename: devMode ? 'css/[name].css' : 'css/[name].[hash].css',
chunkFilename: devMode ? 'css/[id].css' : 'css/[id].[hash].css',
})

the env is production that view :

but in development :

[alexander-akait]

@dongqizhen please use for this stackoverflow, gitter or slack, it is bug tracker, not QA service. Thanks!

[weizheng1992]

Have you solved this problem, please? I've also met this problem.