Skip to content

Instantly share code, notes, and snippets.

@philipboomy
philipboomy / purgecss-tailwind-gulp-example.js
Created September 10, 2018 14:32 — forked from taylorbryant/purgecss-tailwind-gulp-example.js
Use PurgeCSS with Tailwind & Gulp (Inspired by @andrewdelprete)
const gulp = require('gulp');
const tailwindConfig = "tailwind.js"; /* Path to Tailwind config */
const mainCSS = "src/style.css"; /* Path to main stylesheet */
/**
* Custom PurgeCSS Extractor
* https://github.com/FullHuman/purgecss
*/
class TailwindExtractor {
static extract(content) {
@philipboomy
philipboomy / webpack.mix.js
Last active June 8, 2018 17:59
Works with latest laravel-mix
const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');
require('laravel-mix-purgecss');
mix.postCss('src-css/themename.css', 'css')
.options({
postCss: [tailwindcss('tailwind.js')],
processCssUrls: false,
})
.js([
@philipboomy
philipboomy / webpack.mix.js
Created May 1, 2018 15:10 — forked from gmcz/webpack.mix.js
Webpack config for Statamic, Tailwind CSS, and PurgeCSS
const {mix} = require('laravel-mix');
const tailwindcss = require('tailwindcss');
const glob = require('glob-all');
const PurgecssPlugin = require('purgecss-webpack-plugin');
mix
.js('js/src/theme-name.js', 'js/theme-name.js')
.sass('sass/theme-name.scss', 'css')
.options({
processCssUrls: false,