Mini CSS Extract Plugin error webpack-contrib/mini-css-extract-plugin#205

README.md

npm i
npm run build -- index.js

index.js

import styles from './item.css';

console.log(styles);

item.css

.item {
    color: red;
}

package.json

{
  "private": true,
  "name": "example",
  "scripts": {
    "build": "webpack"
  },
  "devDependencies": {
    "css-loader": "^4.3.0",
    "mini-css-extract-plugin": "^0.11.0",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

webpack.config.js

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

module.exports = {
    mode: 'development',
    devtool: false,

    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: {
                                exportOnlyLocals: true
                            }
                        }
                    }
                ]
            }
        ]
    },

    plugins: [
        new MiniCssExtractPlugin(),
    ]
};