webpack.dev.js

/**
 * (C) Copyright IBM Corp. 2020.
 *
 * Licensed under the MIT License (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 *
 */

/* eslint-disable @typescript-eslint/no-var-requires */
/* eslint-disable import/no-extraneous-dependencies */
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
const options = require('./webpack.config');

options.devServer = {
  contentBase: path.join(__dirname, 'dist'),
  port: 9000,
  open: true,
};

options.mode = 'development';

options.devtool = 'eval-cheap-module-source-map';

options.plugins = options.plugins || [];

options.plugins.push(
  new HtmlWebpackPlugin({
    template: path.join(__dirname, 'index.html'),
    filename: path.join(__dirname, 'dist', 'index.html'),
    hash: true,
    inject: 'head',
  }),
);

module.exports = options;