Javascript Webpack：带有样式加载器的包的CSS顺序

我的网页配置中有两个入口点A和B

用于开发的配置如下所示：

{
  test: /\.scss$/,
  loaders: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
},

{
  test: /\.scss$/,
  loaders: [MiniCssExtractPlugin.loader,  'css-loader', 'postcss-loader', 'sass-loader'],
},

生产配置如下所示：

{
  test: /\.scss$/,
  loaders: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
},

{
  test: /\.scss$/,
  loaders: [MiniCssExtractPlugin.loader,  'css-loader', 'postcss-loader', 'sass-loader'],
},

捆绑包B中的某些样式会覆盖捆绑包A中的某些样式。如何确保在生产中，在B之前加载A的所有样式

在生产中，我可以在A.css文件之后加入B.css文件，一切正常。在开发过程中，A样式在B样式之后加载，因此A样式会覆盖B样式，而不是像预期的那样

我怎样才能解决这个问题