Skip to content

This is a vanilall js boilerplate configured wtih webpack. It can be used to develop any vanilla js project and build a production ready minified code. It will work with CSS, Sass, PostCSS

Notifications You must be signed in to change notification settings

muhon9/VanilaJS-Webpack-Boilerplate

Repository files navigation

A Vanilla JS boilerplate configured with Webpack

This is a vanilall js boilerplate configured wtih webpack. It can be used to develop any vanilla js project and build a production ready minified code. It will work with CSS, Sass, PostCss

🎯 About

It was a webpack learing project mainly. I tried to apply all the knowledges and techniques i found on internet. I started with webpack documentation tutorial and added different plugins as my need. I have taken a lot of concepts from various content.

✨ Features

✔️  webpack
✔️  Sass
✔️  PostCSS

How To Use It

  • Clone the repository
  • Change directory to the root folder

In the project directory, you can run:

npm install

This will install all the necessary packages for development

Development Server

npm start

Runs the app in the development mode.
Open http://localhost:8000 to view it in the browser.

The page will reload if you make edits. The entry file is index.js. You can start adding more codes in respected folders and import them.

Production Build

npm build

Builds the app for production to the dist folder.

You can view the prodction build using any server. Use serve to see the production

npm i -g serve

This will install serve globally

serve dist

Can see the production build at http://localhost:3000

About

This is a vanilall js boilerplate configured wtih webpack. It can be used to develop any vanilla js project and build a production ready minified code. It will work with CSS, Sass, PostCSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published