Webpack plugin doesn't handle css modules

[toneb]

CSS modules work in development, but not when built with webpack plugin.

Repro repository: https://github.com/toneb/snowpack-webpack-bug

Repro code:

Result in development:

Result in release:

The problem is in css-loader rule where modules have to be explicitly enabled. But enabling them would then break non-modules css.

The issue can be fixed by changing the css rule in webpack plugin to two separate rules for css, and css modules:

{
  test: /\.css$/,
  use: [
    {
      loader: MiniCssExtractPlugin.loader,
    },
    {
      loader: 'css-loader',
      options: {
        importLoaders: 1,
        modules: true
      }
    }
  ],
  include: /\.module\.css$/
},
{
  test: /\.css$/,
  use: [
    {
      loader: MiniCssExtractPlugin.loader,
    },
    {
      loader: "css-loader",
    }
  ],
  exclude: /\.module\.css$/
},

[FredKSchott]

Ah, good catch! Would love to accept a PR that implements this!

nit picky question: would this work as well?

{
  test: /\.module\.css$/,
  use: [...]
},
{
  test: /\.css$/,
  use: [...],
  exclude: /\.module\.css$/
},

[toneb]

Yes, that looks nicer and works as well. Will prepare the PR.