title: Webpack cannot find module mini-css-extract-plugin
body: <p>I'm using Webpack ^4.26.0. I've used "extract-text-webpack-plugin" with Webpack 3 before to use for CSS. But I've read that that plugin isn't working anymore on Webpack 4. And "extract-text-webpack-plugin" suggest to use the "mini-css-extract-plugin"-plugin.</p>
  
  <p>I've installed the plugin via the command:</p>
  
  <blockquote>
    <p>npm install --save-dev mini-css-extract-plugin</p>
  </blockquote>
  
  <p>and required the plugin in webpackconfig, also added it to my rules and plugins :</p>
  
  <pre><code>// webpack.config.js
  const webpack = require("webpack");
  const path = require("path");
  const CopyWebpackPlugin = require("copy-webpack-plugin");
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  
  const config = {
    context: path.resolve(__dirname),
    entry: "./index.js",
    devServer: {
      contentBase: "./dist"
    },
    output: {
      path: path.resolve(__dirname, "dist"),
      filename: "bundle.js"
    },
    resolve: {
      // Add '.ts' and '.tsx' as resolvable extensions.
      extensions: [".ts", ".tsx", ".js", ".json"]
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          include: path.resolve(__dirname),
          use: [
            {
              loader: "babel-loader",
              options: {
                presets: [["@babel/env", { modules: false }], "@babel/react"]
              }
            }
          ]
        },
        {
          test: /\.tsx?$/,
          loader: "awesome-typescript-loader"
        },
        {
           test: /\.css$/,
           use: [MiniCssExtractPlugin.loader, "css-loader"]
         }
      ],
      noParse: [/aws-sdk/]
    },
    plugins: [
      new webpack.DefinePlugin({
        "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
        "process.env.STATIC_PORT": JSON.stringify(process.env.STATIC_PORT),
        VERSION: JSON.stringify(require("./package.json").version)
      }),
      new MiniCssExtractPlugin({
        filename: 'bundle.css'
      }),
      new CopyWebpackPlugin([{ from: "./cb_icons", to: "cb_icons" }])
    ],
    node: { fs: "empty" },
    externals: [{ "./cptable": "var cptable" }, { "./jszip": "jszip" }]
  };
  
  module.exports = config;
  </code></pre>
  
  <p>However I'm getting the following error:
  <a href="https://i.stack.imgur.com/fYfI1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fYfI1.png" alt="enter image description here"></a></p>
  
  <p>It is installed in my node_modules:</p>
  
  <blockquote>
    <p>components/searchkit/node_modules/mini-css-extract-plugin</p>
  </blockquote>
  
  <p>My folder structure:
  <a href="https://i.stack.imgur.com/co4XM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/co4XM.png" alt="enter image description here"></a></p>