webpack.common.js

const HtmlWebpackPlugin = require("html-webpack-plugin");
const webpack = require('webpack');
const BuildHashPlugin = require('build-hash-webpack-plugin');
const CssCleanupPlugin = require('css-cleanup-webpack-plugin');
const DuplicatePackageCheckerPlugin = require("duplicate-package-checker-webpack-plugin");
const path = require("path");
 
module.exports = {
   entry: "./src/app.js",
   output: {
       path: path.resolve(__dirname, "dist"),
       filename: "bundle.js"
   },
   module: {
       rules: [
           {
                test: /\.(png|jpe?g|gif)$/i,
                use: 
               [
                  {
                    loader: 'file-loader',
                  },
               ],
           },
           {
               test: /\.css$/,
               use: [
                   {
                       loader: "style-loader"
                   },
                   {
                       loader: "css-loader"
                   }
               ]
           }
       ]
   },
   plugins: [
       new HtmlWebpackPlugin({
           template: "./src/index.html",
           filename: "index.html"
       }),
       new webpack.ProgressPlugin({
          activeModules: false,
          entries: true,
          handler(percentage, message, ...args) {
          }
        }),
       new BuildHashPlugin(),
       new CssCleanupPlugin(),
       new DuplicatePackageCheckerPlugin()
   ]
}