Create App

Frontend build config generator

− Main library

No library React

Svelte Vue

+ UI library

+ Test framework

+ Transpiler

+ Styling

+ Image

+ Utilities

+ Linting

+ Optimization

+ Webpack plugins

Project name

Free webpack course

dist/index.html

src/index.js

.gitignore

README.md

package.json

webpack.config.js

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;

Project name

How to create your project yourself

Create an NPM project and install dependencies

mkdir myapp
cd myapp
npm init -y
npm install --save-dev webpack webpack-cli

Create webpack.config.js in the root and copy the contents of the generated file
Create folders src and dist and create source code files

Need more detailed instructions?