title: Webpack css issue, missing bundle.css
body: <p>I am using Webpack to add support for ES6, react and some other things.</p>
  <p>Right now I am getting error:</p>
  <blockquote>
  <p>Refused to apply style from <code>http://localhost:5500/bundle.css</code> because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.</p>
  </blockquote>
  <p>So I checked sources tab in Google Chrome Developer Tools and the <code>bundle.css</code> doesn't even exist. What i am doing wrong ?</p>
  <p>Here's my webpack config:</p>
  <pre><code>const path = require(&quot;path&quot;);
  const webpack = require(&quot;webpack&quot;);
  const HtmlWebpackPlugin = require(&quot;html-webpack-plugin&quot;);
  
  module.exports = {
    entry: &quot;./index.js&quot;,
    output: {
      path: path.resolve(__dirname, &quot;/&quot;),
      publicPath: &quot;/&quot;,
      filename: &quot;bundle.js&quot;
    },
    mode: &quot;development&quot;,
    module: {
      rules: [
        {
          test: /\.(js\jsx)$/,
          exclude: /(node_modules|framework)/,
          loader: require.resolve(&quot;babel-loader&quot;),
          options: { presets: [&quot;@babel/preset-env&quot;] }
        },
        {
          test: /\.css$/,
          use: [require.resolve(&quot;style-loader&quot;), require.resolve(&quot;css-loader&quot;)]
        },
        {
          test: /\.scss$/,
          use: [
            require.resolve(&quot;style-loader&quot;),
            require.resolve(&quot;css-loader&quot;),
            require.resolve(&quot;sass-loader&quot;)
          ]
        }
      ]
    },
    resolve: { extensions: [&quot;*&quot;, &quot;.js&quot;, &quot;.jsx&quot;] },
    devServer: {
      port: 5500,
      host: &quot;&lt;ip address&gt;&quot;,
      publicPath: &quot;http://localhost:5500&quot;,
      hotOnly: true
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new HtmlWebpackPlugin({
        template: path.resolve(__dirname, &quot;index.html&quot;),
        filename: &quot;index.html&quot;,
        inject: true
      })
    ]
  };
  </code></pre>