Skip to content

Instantly share code, notes, and snippets.

@evanharmon
Last active May 29, 2016 19:58
Show Gist options
  • Select an option

  • Save evanharmon/2d10c160dbfc195083fb1201fb53ef0e to your computer and use it in GitHub Desktop.

Select an option

Save evanharmon/2d10c160dbfc195083fb1201fb53ef0e to your computer and use it in GitHub Desktop.
bootstrap 4 webpack config file
# Output debugging info
# loglevel: debug
# Major version of Bootstrap: 3 or 4
bootstrapVersion: 4
# If Bootstrap version 4 is used - turn on/off flexbox model
useFlexbox: true
# Webpack loaders, order matters
styleLoaders:
- style
- css
- postcss
- sass
# Extract styles to stand-alone css file
# Different settings for different environments can be used,
# It depends on value of NODE_ENV environment variable
# This param can also be set in webpack config:
# entry: 'bootstrap-loader/extractStyles'
extractStyles: false
# env:
# development:
# extractStyles: false
# production:
# extractStyles: true
# Customize Bootstrap variables that get imported before the original Bootstrap variables.
# Thus original Bootstrap variables can depend on values from here.
# preBootstrapCustomizations: ./app/assets/styles/bootstrap/pre-customizations.scss
# This gets loaded after bootstrap/variables is loaded
# So you can refer to bootstrap variables
# bootstrapCustomizations: ./app/assets/styles/bootstrap/customizations.scss
# With CSS Modules we load all application styles directly in React components
# appStyles: ./app/styles/app.scss
### Bootstrap styles
styles:
# Mixins
mixins: true
# Reset and dependencies
normalize: true
print: true
# Core CSS
reboot: true
type: true
images: true
code: true
grid: true
tables: true
forms: true
buttons: true
# Components
animation: true
dropdown: true
button-group: true
input-group: true
custom-forms: true
nav: true
navbar: true
card: true
breadcrumb: true
pagination: true
pager: true
labels: true
jumbotron: true
alert: true
progress: true
media: true
list-group: true
responsive-embed: true
close: true
# Components w/ JavaScript
modal: true
tooltip: true
popover: true
carousel: true
# Utility classes
utilities: true
utilities-spacing: true
utilities-responsive: true
### Bootstrap scripts
scripts: false
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment