Skip to content

rakcheru/webpack-bootstrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap with webpack

This repository showcases how bootstrap can be integrated into application using webpack.

Usage

Once the repository is cloned, install the required npm modules by running following command in the root folder

npm install

This will get all the required modules i.e. webpack, bootstrap, jquery and all the required webpack loaders and plugins.

The module also uses babe compiler to precompile ecma script 2017 code.

Now bundle the source files using following command

./node_modules/.bin/webpack

Open chrome and load the dist/index.html

Voila! The page should load with the bootstrap styles.

To play with the application run webpack in watch mode by using following command

./node_modules/.bin/webpack --watch

Open your favorite editor and make changes to the index.html under src folder (NOT dist folder). Webpack should take care of bundling the updated source file. Go the Chrome and refresh the page.

Note : Though not necessary, feel free to use a simple node server if you want to.

About

Basic code to showcase how bootstrap can be bundled using webpack.

Resources

Stars

Watchers

Forks

Packages

No packages published