Webpack / 2020-2022

Configuration of Webpack from scratch, NPM, Babel, JavaScript and Visual Studio Code are used in following boilerplates.

Webpack 5 ready for ES6 and above

A Webpack 5 boilerplate ready for ES6 and above using Babel. The demo App serve a Webpack logo, compiled PostCSS and consumes a web api from jsonplaceholder showing examples of async operations using async / await.

Follow the link to see the demo ...

 

Webpack 5 with React

A Webpack 5 boilerplate with React. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.

Follow the link to see the demo ...

 

Webpack 5 with React and TypeScript

A Webpack 5 boilerplate with React and TypeScript. Babel 7 compiles the TypeScript files to ES5. The Webpack module "fork-ts-checker-webpack-plugin" handles the type checking. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.

Follow the link to see the demo ...

 

Webpack 5 with Vue.js

A Webpack 5 boilerplate with Vue.js. The demo App serve Vue routing, a Webpack logo, my photo with some info. The Vue App serve a demo CRUD functions for Employess towards a Web API at jsonplaceholder. The Webpack is ready for PostCSS, ES6 and above. Bootstrap CSS was used to make the demo mobile friendly.

Follow the link to see the demo ...

 

Webpack 5 with Vue and TypeScript

A Webpack 5 boilerplate with Vue and ready for TypeScript. The demo App serve Vue routing, a Webpack logo, my photo with some info. The Vue App serve a demo CRUD functions for Employess towards a Web API at jsonplaceholder. The Webpack is ready for PostCSS, ES6 and above. Bootstrap CSS was used to make the demo mobile friendly.

Follow the link to see the demo ...

 

Webpack 5 with Angular

A Webpack 5 boilerplate with Angular 8. The demo App serve the Angular logo, a Webpack logo and shows routing and compiled Sass styles. Bootstrap CSS was used to make the demo mobile friendly.

Follow the link to see the demo ...