Webpack не действует на побочные эффекты для файлов css

Question

У меня есть модуль javascript, который импортирует файл CSS. CSS включен в сборку в режиме «разработки» веб-пакета, но не в режиме «производства». Это будет связано с тем, что treehaking видит в файле CSS отсутствие побочных эффектов. Рекомендуемый способ справиться с этим - добавить "sideEffects": ["*.css"] к package.json, что я и сделал. Для удобства я также добавил свойство sideEffects в правило css в конфигурации веб-пакета. Однако файл CSS все еще не включен. Что еще мне делать?

Извлечение из package.json:

{
  "name": "psm",
  "version": "1.0.0",
  "description": "PRISM: Participatory System Mapping",
  "main": "prism.html",
  "sideEffects": ["*.css"],
  "scripts": {
    "dist": "webpack --mode=development",
    "build": "webpack --config webpack.prod.js",

Извлечение из webpack.prod.js:

  module: {
    rules: [
        {
            test: /\.css/,
            use: [MiniCssExtractPlugin.loader, 'css-loader'],
            sideEffects: true
            },
        ],
    },      

Оператор импорта:

import "vis-network/dist/vis-network.min.css";

Используется npm версия 6.1.4 и веб-пакет 4.42.1