Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/homerchen19/bootstrap-webpack-jquery-boilerplate

Bootstrap 4 + Webpack 4 + jQuery = 😋
https://github.com/homerchen19/bootstrap-webpack-jquery-boilerplate

Last synced: 1 day ago
JSON representation

Bootstrap 4 + Webpack 4 + jQuery = 😋

Awesome Lists containing this project

README

        

# Boostrap + Webpack + JQuery Boilerplate

> Build landing page with **Boostrap** and **jQuery** is so easy.





code style: prettier

## Why ?

React is awesome, and I use it everyday.

However, not each project needs such a complicated library. jQuery and bootstrap are good enough.

Hence, this repo is suitable for simple projects.

## About DOM manipulation, all you need is...

#### 🤩 jQuery

#### ❌ No React

#### ❌ No Vue

#### ❌ No Angular

## About CSS, all you need is...

#### 🤩 Bootstrap + CSS

#### ❌ No CSS Modules

#### ❌ No styled-components

## Features

- **Bootstrap** and **jQuery** installed
- Hot Module Replacement (**HMR**)
- Support **ES6** Syntax (**Babel 7**)
- **ESLint** + **Prettier** = **Neat Coding Style**
- Webpack production building (**code splitting**, **cache**, **lazy-loading** and [**Terser**](https://github.com/terser-js/terser))

## Download and Install

Let's go!

```
$ git clone https://github.com/xxhomey19/bootstrap-webpack-jquery-boilerplate.git
$ cd bootstrap-webpack-jquery-boilerplate
$ yarn // or npm install
```

## Development

Run development page on **localhost:8080**

```
$ npm run dev
```

## Build

Build for production.

```
$ npm run build
```

## Deploy

Deploy to `gh-pages` branch on GitHub.

**[DEMO](https://xxhomey19.github.io/bootstrap-webpack-jquery-boilerplate/)**

```
$ npm run deploy
```

## License

MIT © [xxhomey19](https://github.com/xxhomey19)