我有一个javascript模块可以导入一个CSS文件。这个CSS包含在webpack的“开发”模式中，而不是“生产”模式中。这是因为treeshaking认为CSS文件没有任何副作用。推荐的处理方法是在"sideEffects": ["*.css"]中添加"sideEffects": ["*.css"]，我已经这样做了。为了更好的衡量，我也在网页套件设定中加入了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语句为：

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

这使用的是npm版本6.1.4和webpack 4.42.1