DevTools

TOOLS COLLECTION

Need a specific tool?

Request a new developer tool to be added to our collection.

Request a tool →

Webpack Config Generator

Generate Webpack configuration files with common settings and optimizations

const path = require('path');
const webpack = require('webpack');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].[contenthash].js',
    clean: true
  },
  devtool: 'eval-source-map',
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
  ],
  devServer: {
    contentBase: './dist',
    port: 8080,
    hot: true,
    open: true
  },
};