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 / 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 / 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,