I’m using “really external” webpack to integrate bootstrap 4; it does use node-sass compiler.
One can use webpack via external pipeline of middleman 4. However, I found it hard to make it work together (with “advanced” webpack config), and rather use no pipeline in middleman, and run webpack externally; thus using middleman to convert a bunch of md files to html (template inheritance, html minification, etc), each pointing to the
bundle.min.css. And have external webpack project to create these bundles (in particular autoprefixing, css and js minification). This seems to be working so far (I’ve been using it on these days for pet project).
I build html with:
And then assets with:
yarn run build
Middleman removes bundle files, so if I only changed md files, I’m using
middleman build --no-clean; if I changed styles/js, I only rebuild assets. If I’m designing (developing assets), I start node’s
http-server build/, and edit assets in place.