Webpack + Customizable Bootstrap 3.x (LESS)

Published on

Install npm –save install bootstrap Create directory src/bootstrap Copy file from node_modules/bootstrap/less/bootstrap.less to src/bootstrap/bootstrap.less Fix import to begin with @import “~bootstrap/less/…”;. Add theme import @import “~bootstrap/less/theme.less”;. Add overrides, for example @import “variables.less”; and redefine @brand-primary. Create file src/bootstrap/bootstrap.js. Please refer to node_modules/bootstrap/dist/js/npm.js to find out what js modules could be used and in what order. … Continue reading Webpack + Customizable Bootstrap 3.x (LESS)

Webpack + Customizable Semantic UI 2.x (LESS)

Published on

The goal: Get configurable Semantic UI without requirement to copy/paste all Semantic UI source code, ideally a way to enable/disable any components and override theme styles. Let’s say we have application folder structure: src/index.jsx package.json node_modules Assumptions Let’s assume that we would like to put all Semantic UI related overrides somewhere in project source folder, … Continue reading Webpack + Customizable Semantic UI 2.x (LESS)