Create App
Frontend build config generator
Main Library
UI Library
Transpiler
Styling
Images
Utilities
Linting
Webpack config
Project Name
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
"name": "my-app",
"version": "1.0.0",
"scripts": {
"start": "webpack serve",
"build": "webpack build"
},
"dependencies": {},
"devDependencies": {
"webpack": "latest",
"webpack-cli": "latest",
"webpack-dev-server": "latest",
"html-webpack-plugin": "latest"
}
}Create an NPM project and install dependencies
mkdir my-app
cd my-app
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
The generated file tree and configuration below show the next steps.
Why use Create App?
Setting up a modern frontend project can be tedious and complex. Create App is the ultimate frontend build config generator that simplifies this process. Whether you need a Webpack boilerplate, Parcel config, or Snowpack setup, our tool generates the perfect configuration files for you in seconds.
Forget spending hours debugging webpack.config.js or figuring out the right Babel presets. With our intuitive interface, you can select your preferred libraries (React, Vue, Svelte), UI frameworks (Tailwind CSS, Bootstrap), and preprocessors (SASS, LESS, PostCSS).
We also support modern tooling integration, including TypeScript, ESLint,Prettier, and testing frameworks like Jest and Cypress. Start your next web project with a robust, production-ready foundation using Create App.