Webpack 4 每个条目的多个文件类型不输出 css 文件

如何解决Webpack 4 每个条目的多个文件类型不输出 css 文件

当我在一个项目中有多个主题并且每个主题都有它的 [theme-name].scss 文件和 [theme-name].js 文件时，我遇到了一种情况，它们必须编译到 [theme-name]/dist 中文件夹。所以我有多个条目和多个输出。

我想我已经在 Webpack 的页面上找到了简化的解决方案： https://v4.webpack.js.org/guides/entry-advanced/ ，但是只有 2 个 js 文件内置到 dist 文件夹中，没有 css。也许有人可以告诉我为什么会这样？谢谢。

我的确切配置：

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  mode: process.env.NODE_ENV,entry: {
    home: ['./src/js/home.js','./src/scss/home.scss'],account: ['./src/js/account.js','./src/scss/account.scss'],},output: {
    filename: '[name].js',module: {
    rules: [
      {
        test: /\.scss$/,use: [
          // fallback to style-loader in development
          process.env.NODE_ENV !== 'production' ? 'style-loader' : MiniCssExtractPlugin.loader,'css-loader','sass-loader',],plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css'
    }),};

file structure