{"id":19386,"library":"bootstrap-webpack","title":"bootstrap-webpack","description":"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.","status":"abandoned","version":"0.0.6","language":"javascript","source_language":"en","source_url":"https://github.com/gowravshekar/bootstrap-webpack","tags":["javascript","bootstrap","webpack"],"install":[{"cmd":"npm install bootstrap-webpack","lang":"bash","label":"npm"},{"cmd":"yarn add bootstrap-webpack","lang":"bash","label":"yarn"},{"cmd":"pnpm add bootstrap-webpack","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency, requires Bootstrap >=3.0.2","package":"bootstrap","optional":false},{"reason":"Peer dependency for processing CSS","package":"css-loader","optional":false},{"reason":"Peer dependency for processing Less files","package":"less-loader","optional":false},{"reason":"Peer dependency for injecting styles","package":"style-loader","optional":false},{"reason":"Peer dependency for jQuery dependency in Bootstrap JS","package":"imports-loader","optional":false},{"reason":"Optional peer dependency for extracting CSS","package":"extract-text-webpack-plugin","optional":true}],"imports":[{"note":"This package uses CommonJS; ESM import may not work properly.","wrong":"import 'bootstrap-webpack'","symbol":"require('bootstrap-webpack')","correct":"require('bootstrap-webpack')"},{"note":"Use the webpack loader syntax to specify config file.","wrong":"require('./bootstrap.config.js')","symbol":"require('bootstrap-webpack!./bootstrap.config.js')","correct":"require('bootstrap-webpack!./bootstrap.config.js')"},{"note":"Config file uses CommonJS module.exports, not ES modules.","wrong":"export default { scripts: ..., styles: ... }","symbol":"module.exports = { scripts: { ... }, styles: { ... } }","correct":"In bootstrap.config.js module.exports = { scripts: { 'transition': true }, styles: { 'mixins': true } }"}],"quickstart":{"code":"// webpack.config.js\nmodule.exports = {\n  entry: ['bootstrap-webpack', './app.js'],\n  module: {\n    loaders: [\n      { test: /\\.(woff|woff2)(\\?v=\\d+\\.\\d+\\.\\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff' },\n      { test: /\\.ttf(\\?v=\\d+\\.\\d+\\.\\d+)?$/, loader: 'url?limit=10000&mimetype=application/octet-stream' },\n      { test: /\\.eot(\\?v=\\d+\\.\\d+\\.\\d+)?$/, loader: 'file' },\n      { test: /\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml' }\n    ]\n  }\n};\n\n// app.js\nrequire('bootstrap-webpack');\nrequire('./styles.less');\n\n// 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","lang":"javascript","description":"Minimal setup to include Bootstrap 3 in webpack project with font loaders."},"warnings":[{"fix":"Migrate to bootstrap-loader or use Bootstrap 4+ with direct webpack setup.","message":"Package is abandoned; no updates since 2017. May not work with webpack 4 or 5.","severity":"breaking","affected_versions":">=0.0.6"},{"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","message":"Requires many peer dependencies; missing them causes runtime errors.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Ensure jQuery is installed or use a custom bootstrap.config.js to exclude JS.","message":"Bootstrap JS requires jQuery; uses imports-loader but may cause conflicts.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Update webpack config to use rules and use for v4+: { test: ..., use: [ ... ] }","message":"Uses webpack 1 loader syntax (loaders array with test/loader). Webpack 2+ uses rules.","severity":"deprecated","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"npm install imports-loader --save-dev","cause":"Missing peer dependency imports-loader.","error":"Module not found: Error: Can't resolve 'imports-loader'"},{"fix":"npm install less-loader --save-dev","cause":"Missing peer dependency less-loader.","error":"Module build failed: Error: Cannot find module 'less-loader'"},{"fix":"npm install bootstrap@3 --save","cause":"Bootstrap not installed as a dependency.","error":"Module not found: Error: Can't resolve 'bootstrap' in '...'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}