title: css file not getting linked in index.html file served from webpack
body: <p>Hi I have the folder structure like as follows:-</p>
  
  <pre><code>node_modules
  src
  |____components
  |____index.css
  |____index.html
  |____index.js
  |____index.scss
  .babelrc
  package.json
  webpack.config.js
  </code></pre>
  
  <p>content of my webpack.config.js file is as below:-</p>
  
  <pre><code>const path = require("path")
  const HtmlWebpackPlugin = require("html-webpack-plugin")
  const ExtractTextPlugin = require("extract-text-webpack-plugin")
  
  module.exports = {
  entry: {
      "index": "./src/index.js",
  },
  output: {
      path: path.join(__dirname, "/dist"),
      filename: "[name].js",
  },
  resolve: {
      alias: {
          components: path.resolve(__dirname, "src/components")
      },
      extensions: [".js", ".jsx", ".json"],
      mainFiles: ["index"]
  },
  module: {
      rules: [
          {
              test: /\.js$/,
              exclude: /node_modules/,
              use: {
                  loader: "babel-loader"
              }
          },
          {
              test: /\.(s*)css$/,
              use: ExtractTextPlugin.extract({
                  fallback: "style-loader",
                  use: ["css-loader", "sass-loader"]
              })//["style-loader", "css-loader", "sass-loader"]
          }
      ],
  },
  plugins: [
      new HtmlWebpackPlugin({
          template: "./src/index.html"
      }),
      new ExtractTextPlugin({
          filename: "bundle.css"
      })
  ],
  watch: true,
  }
  </code></pre>
  
  <p>content of my index.html file as follows:-</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;link rel="stylesheet" type="text/css" href="./index.css"&gt;
      &lt;title&gt;React Boilerplate&lt;/title&gt;
   &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="root"&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>..</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="./index.css"&gt;
  </code></pre>
  
  <p>the above line is not loading my index.css into browser while inside src/components level, i do have css files, whichare properly getting bundeled and delivered in bundle.css file.</p>
  
  <p>Any help would be of great help</p>