title: Tailwind with Sass: Invalid PostCSS Plugin found at: plugins[0]
body: <p>I'm trying to use TailwindCSS on my PostCSS, along with Sass as a preprocessor. Whenever I attempt to start my project, I am receiving this error:</p>
  <pre><code>[07:18:19] Error: ModuleBuildError: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
  ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
  TypeError: Invalid PostCSS Plugin found at: plugins[0]
  </code></pre>
  <p>I have these configurations in place:</p>
  <p>webpack.config.js</p>
  <pre><code>{
          test: /\.(sa|sc)ss$/,
          use: [
            {
              loader: MiniCssExtractPlugin.loader,
            },
            {
              loader: &quot;css-loader&quot;,
              options: {
                importLoaders: 2,
              },
            },
            {
              loader: &quot;postcss-loader&quot;,
            },
            {
              loader: &quot;sass-loader&quot;,
            },
          ],
        },
  </code></pre>
  <p>postcss.config.js</p>
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    plugins: [
      require(&quot;postcss-import&quot;),
      require(&quot;tailwindcss&quot;),
      require(&quot;autoprefixer&quot;),
    ],
  };
  
  </code></pre>