Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jonpontet/bootstrap4-scss-webpack4-starter

How to implement Bootstrap 4 with SCSS + Webpack 4 + SASS loader
https://github.com/jonpontet/bootstrap4-scss-webpack4-starter

Last synced: 13 days ago
JSON representation

How to implement Bootstrap 4 with SCSS + Webpack 4 + SASS loader

Awesome Lists containing this project

README

        

## Bootstrap 4, SCSS & Webpack 4 starter

How to implement Bootstrap 4 with SCSS + Webpack 4 + SASS loader.

## What's included

- Bootstrap 4.6
- SASS Loader 10.2
- Webpack 4.46
- Customising of Bootstrap variables (i.e. theming)
- Custom icon font integration

## How to use it

- Run `npm start` to launch the built-in webserver and watch for changes to the SCSS
- Open up your browser to `http://localhost:3000` (normally)
- Make your changes to the SCSS files in `src/scss`
- Hit refresh (F5) in your browser to see the changes

## All dependencies

```text
"autoprefixer": "^10.4.0",
"bootstrap": "^4.6.0",
"css-loader": "^5.2.7",
"extract-loader": "^5.1.0",
"fibers": "^3.1.1",
"file-loader": "^6.2.0",
"nodemon": "^2.0.7",
"npm-run-all": "^4.1.5",
"path": "^0.12.7",
"postcss-loader": "^4.3.0",
"sass": "^1.43.4",
"sass-loader": "^10.2.0",
"serve": "^11.3.2",
"stylelint": "^13.12.0",
"stylelint-config-twbs-bootstrap": "^2.1.0",
"url-loader": "^3.0.0",
"webpack": "^4.46.0",
"webpack-cli": "^4.9.1"
```