Untitled

<html>
    <head>
        <style>
            body {
                background-image: url("weather.png");
                background-repeat: repeat;
            }
        </style>

    <link rel="stylesheet" type="text/css" href="./index.css">
    </head>
    <body>
        <h1>Hi All</h1>

    </body>
</html>

"author": "",
  "license": "ISC",
  "dependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.17.0",
    "babel-loader": "6.2.5",
    "babel-preset-env": "^1.7.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-latest": "^6.16.0",
    "eslint": "^5.12.1",
    "eslint-loader": "^2.1.1",
    "express": "^4.16.4",
    "jest": "^23.6.0",
    "npm-run-all": "^4.1.5",
    "open": "0.0.5",
    "style-loader": "0.13.1",
    "webpack": "^4.28.4",
    "webpack-dev-middleware": "^3.5.1",
    "webpack-hot-middleware": "^2.24.3"
  },
  "eslintConfig": {
    "extends": [
      "eslint:recommended"
    ],
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module"
    },
    "env": {
      "browser": true,
      "jest": true
    },
    "rules": {
      "no-console": "off",
      "no-debugger": "warn"
    }
  },
  "babel": {
    "presets": [
      "latest"
    ]
  }

import path from 'path';
import webpack from 'webpack';

export default {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    "webpack-hot-middleware/client?reload=true",
    path.resolve(__dirname, 'src/index.js')
  ],
  target: 'web',
  output: {
    path: path.resolve(__dirname, 'src'),
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  module: {
    loaders: [
      {test: /.js$/, exclude: /node_modules/, loaders: ['babel','eslint']},
      {test: /.css$/, loaders: ['style','css']}
    ]
  }
}