webpack config tool

Create a personalized and optimized webpack config!

Start here! Select some features
Main library
Transpiler
Styling
Image
Utilities
  • webpack.config.js
  • package.json
  • src/index.js
  • README.md
const webpack = require('webpack');
const path = require('path');

const config = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
}

module.exports = config;

How to create your project yourself

  1. Create an NPM project and install dependencies
  2. Create webpack.config.js in the root and copy the contents of the generated file
  3. Create folders src and dist and create source code files
Need more detailed instructions?