Skip to content
Middleman App setup with Webpack and Tailwind CSS
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data initial commit Mar 6, 2019
helpers
source Added babel polyfill and babel-eslint Mar 8, 2019
webpack
.babelrc
.eslintrc
.gitignore
Gemfile initial commit Mar 6, 2019
Gemfile.lock initial commit Mar 6, 2019
README.md updated credits Mar 6, 2019
config.rb Swapped in inline_svg for old helper method Mar 6, 2019
package.json Added babel polyfill and babel-eslint Mar 8, 2019
tailwind.js
webpack.config.js initial commit Mar 6, 2019
yarn.lock Added babel polyfill and babel-eslint Mar 8, 2019

README.md

🚀 Middleman Tailwind CSS and Webpack Starter Project 🚀

A Git repo of a Middleman 4 project set up with Tailwind CSS and Webpack preconfigured. Which is great, because Webpack is kind of a bitch.

The webpack setup has all CSS being tree shaken (removing all unused CSS so that Tailwind isn't 400kb.) as well as minified. All Javascript is transpiled via Babel and of course minified. This is all done outside of Middleman's asset pipeline, so you probably don't want to mess around with that too too much.

On a different note, this package is definitely opinionated. I have installed all my favorite gems to get me building client websites as quickly as possible. It includes things such as image compression, sitemap building, easy svg tags, meta tags building among other helpers and tools.

If you don't want that and just want the webpack.config.js, feel free to rip it out.

Credits

Massive thanks to the work done by gabrielecanepa and his work on his middleman-webpack template. It was a major help putting together this project and wouldn't have been possible without his help.

Looking through arandilopez's repo for his personal site (https://github.com/arandilopez/arandilopez.me) was very helpful as well.

You can’t perform that action at this time.