a more stripped down version of https://github.com/mzrnsh/jekyllwind/tree/main
jekyll new jekyll-store-display
npm install
bundle install
bundle add jekyll-postcss
added the following files that aren't there in the Jekyll install:
tailwind.config.js
postcss.config.js
_layouts/default.html
or whatever you want your layout to beassets/css/main.css
with the below contentsindex.markdown
to index.md
just because I'm processing *.md filesmodule.exports = {
content: [
'./_drafts/**/*.html',
'./_includes/**/*.html',
'./_layouts/**/*.html',
'./_posts/*.md',
'./*.md',
'./*.html',
],
theme: {
[whatever theme values you want to add here]
},
plugins: []
}
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
...(process.env.JEKYLL_ENV == 'production'
? [require('cssnano')({ preset: 'default' })]
: [])
]
}
This is the default stuff you need to make tailwind compile
---
---
@tailwind base;
@tailwind components;
@tailwind utilities;
go crazy.