# bootstrap-sass-webpack

> bootstrap-sass (v3.2) package for webpack

Latest version **0.0.3** (published 2014-09-02) · 0 weekly downloads

## Install

```sh
npm install bootstrap-sass-webpack
pnpm add bootstrap-sass-webpack
yarn add bootstrap-sass-webpack
bun add bootstrap-sass-webpack
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2014-09-02 |
| First published | 2014-07-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 12 |
| Author | Dylan Lukes |
| Maintainers | dylukes |
| Keywords | bootstrap, webpack |

## Links

- npm: https://www.npmjs.com/package/bootstrap-sass-webpack
- Repository: https://github.com/DylanLukes/bootstrap-sass-webpack
- Issues: https://github.com/DylanLukes/bootstrap-sass-webpack/issues
- npm.io page: https://npm.io/package/bootstrap-sass-webpack

## Dependencies (3)

- [css-loader](https://npm.io/package/css-loader.md) ~0.7.0
- [less-loader](https://npm.io/package/less-loader.md) ~0.7.5
- [style-loader](https://npm.io/package/style-loader.md) ~0.6.4

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2014-09-02
- 0.0.2 — 2014-09-02
- 0.0.1 — 2014-07-23

## README

bootstrap-webpack
=================

Bootstrap configuration and loading package for webpack, using `bootstrap-sass`.

Credit for the original goes to Scott Bleck (@bline).


Usage
-----

Bootstrap use some fonts. You need to configure the correct loaders in your `webpack.config.js`. Example:

``` javascript
module.exports = {
  module: {
    loaders: [
      // the url-loader uses DataUrls.
      // the file-loader emits files.
      { test: /\.woff$/,   loader: "url-loader?limit=10000&minetype=application/font-woff" },
      { test: /\.ttf$/,    loader: "file-loader" },
      { test: /\.eot$/,    loader: "file-loader" },
      { test: /\.svg$/,    loader: "file-loader" }
    ]
  }
};
```

### Complete Bootstrap

To use the complete bootstrap package including styles and scripts with the default settings:

``` javascript
require("bootstrap-sass-webpack");
```

### Custom configuration

You can configurate bootstrap-sass-webpack with two configuration files:

* `bootstrap-sass.config.js`
* `bootstrap-sass.config.scss`

Add both files *next to each other* in your project. Then:

``` javascript
require("bootstrap-sass-webpack!./path/to/bootstrap-sass.config.js");
```

Or simple add it as entry point to your `webpack.config.js`:

``` javascript
module.exports = {
  entry: [
    "bootstrap-sass-webpack!./path/tobootstrap-sass.config.js",
    "your-existing-entry-point"
  ]
};
```

#### `bootstrap-sass.config.js`

Example:

``` javascript
module.exports = {
  scripts: {
    // add every bootstrap script you need
    'transition': true
  },
  styles: {
    // add every bootstrap style you need
    "mixins": true,

    "normalize": true,
    "print": true,

    "scaffolding": true,
    "type": true,
  }
};
```

#### `bootstrap-sass.config.scss`

Imported after Bootstrap's default variables, but before anything else.

You may customize Bootstrap here.

Example:

``` scss
@font-size-base:          24px;

@btn-default-color:              #444;
@btn-default-bg:                 #eee;
```

---
_Source: https://npm.io/package/bootstrap-sass-webpack · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._