
Security News
ECMAScript 2025 Finalized with Iterator Helpers, Set Methods, RegExp.escape, and More
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
bootstrap-scss-webpack
Advanced tools
Bootstrap configuration and loading package for webpack, using bootstrap-sass
.
Credit for the original goes to Scott Bleck (@bline).
Bootstrap use some fonts. You need to configure the correct loaders in your webpack.config.js
. Example:
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" }
]
}
};
To use the complete bootstrap package including styles and scripts with the default settings:
require("bootstrap-sass-webpack");
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:
require("bootstrap-sass-webpack!./path/to/bootstrap-sass.config.js");
Or simple add it as entry point to your webpack.config.js
:
module.exports = {
entry: [
"bootstrap-sass-webpack!./path/tobootstrap-sass.config.js",
"your-existing-entry-point"
]
};
bootstrap-sass.config.js
Example:
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:
@font-size-base: 24px;
@btn-default-color: #444;
@btn-default-bg: #eee;
FAQs
bootstrap-sass (v3.7) package for webpack
The npm package bootstrap-scss-webpack receives a total of 5 weekly downloads. As such, bootstrap-scss-webpack popularity was classified as not popular.
We found that bootstrap-scss-webpack demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.