bootstrap-webpack

0.0.6 verified Sat Apr 25 auth: no javascript abandoned

Bootstrap 3 package for webpack, version 0.0.6 (last release). Provides LESS-based integration of Bootstrap 3 with webpack, allowing custom configuration via bootstrap.config.js and bootstrap.config.less files. Supports extraction of CSS with extract-text-webpack-plugin. Requires many peer dependencies including css-loader, less-loader, style-loader, and imports-loader. No updates since 2017; considered abandoned. Alternative: bootstrap-loader or framework-specific setups.

Common errors

error Module not found: Error: Can't resolve 'imports-loader' ↓

cause Missing peer dependency imports-loader.

fix

npm install imports-loader --save-dev

error Module build failed: Error: Cannot find module 'less-loader' ↓

cause Missing peer dependency less-loader.

fix

npm install less-loader --save-dev

error Module not found: Error: Can't resolve 'bootstrap' in '...' ↓

cause Bootstrap not installed as a dependency.

fix

npm install bootstrap@3 --save

Warnings

breaking Package is abandoned; no updates since 2017. May not work with webpack 4 or 5. ↓

fix Migrate to bootstrap-loader or use Bootstrap 4+ with direct webpack setup.

gotcha Requires many peer dependencies; missing them causes runtime errors. ↓

fix Install all peer deps: npm install bootstrap@3 css-loader less-loader style-loader url-loader file-loader imports-loader exports-loader extract-text-webpack-plugin --save-dev

gotcha Bootstrap JS requires jQuery; uses imports-loader but may cause conflicts. ↓

fix Ensure jQuery is installed or use a custom bootstrap.config.js to exclude JS.

deprecated Uses webpack 1 loader syntax (loaders array with test/loader). Webpack 2+ uses rules. ↓

fix Update webpack config to use rules and use for v4+: { test: ..., use: [ ... ] }

Install

npm install bootstrap-webpack

yarn add bootstrap-webpack

pnpm add bootstrap-webpack

Imports

require('bootstrap-webpack')
wrong
```
import 'bootstrap-webpack'
```
correct
```
require('bootstrap-webpack')
```
This package uses CommonJS; ESM import may not work properly.
require('bootstrap-webpack!./bootstrap.config.js')
wrong
```
require('./bootstrap.config.js')
```
correct
```
require('bootstrap-webpack!./bootstrap.config.js')
```
Use the webpack loader syntax to specify config file.

module.exports = { scripts: { ... }, styles: { ... } }

wrong

export default { scripts: ..., styles: ... }

correct

In bootstrap.config.js module.exports = { scripts: { 'transition': true }, styles: { 'mixins': true } }

Config file uses CommonJS module.exports, not ES modules.

Quickstart

Minimal setup to include Bootstrap 3 in webpack project with font loaders.

// webpack.config.js
module.exports = {
  entry: ['bootstrap-webpack', './app.js'],
  module: {
    loaders: [
      { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff' },
      { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream' },
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file' },
      { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml' }
    ]
  }
};

// app.js
require('bootstrap-webpack');
require('./styles.less');

// Install peer deps: npm install bootstrap css-loader less-loader style-loader url-loader file-loader imports-loader exports-loader extract-text-webpack-plugin --save-dev