WebpackBootstrapper
is an simple .BAT file to create a preconfigured, webpack framework so you don't have to worry about simple bundling....
- https://youtu.be/m1zYOhrmdKk Javascript example
- https://youtu.be/IRboPZac_Q8 Typescript example
WebpackBootstrapper
comes with a bundle of features already. You can do the followings with it,
- Allows for JS or TS or React file bundling to a template.html file
- Allows for images to be imported as assets
import koala from './assets/koala.png'
import './styles.css'
- Don't even need to create your HTML template, its included
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
</head>
<body></body>
</html>
or for React projects
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
- Prompts user for a 'J' or a 'T' OR 'R' NOW!!!! at the beginning, and does all the rest for you!!!!
- Creates default webpack.config.js, package.json, and tsconfig.json files for you!
- Builds src and build folder structure, so YOU DON'T HAVE TO YEAH!!!!
- all the NPM dev dependencies are automated
- including:
- css-loader, ts-loader, html-webpack-plugin, json, dev-server, cli tools... etc
-
Download .bat file from repo
-
Create new project directory and navigate to it in vscode (or your IDE of choice)
-
Place BAT file into new project directory
-
run the bat file... this can be done out of vscode
./webpackstarter.bat
- Answer the prompt, T or J or R (for react)
- go get a coffee, process takes about 90 seconds
- Run dev server or build (automatically launches now and opens browser)
npm run start
or
npm run build