Merge branch 'laurencei-master'

src/TailwindCssPreset.php

@@ -28,6 +28,8 @@ protected static function updatePackageArray(array $packages)
     {
         return [
             'tailwindcss' => '^0.4.0',
+            'glob-all' => '*',
+            'purgecss-webpack-plugin' => '*'
         ] + Arr::except($packages, ['bootstrap-sass', 'jquery']);
     }
 

src/tailwindcss-stubs/webpack.mix.js

@@ -1,5 +1,13 @@
 let mix = require('laravel-mix');
-var tailwindcss = require('tailwindcss');
+let tailwindcss = require('tailwindcss');
+let glob = require("glob-all");
+let PurgecssPlugin = require("purgecss-webpack-plugin");
+
+class TailwindExtractor {
+  static extract(content) {
+    return content.match(/[A-z0-9-:\/]+/g) || [];
+  }
+}
 
 /*
  |--------------------------------------------------------------------------
@@ -31,3 +39,33 @@ mix.js('resources/assets/js/app.js', 'public/js')
 //       processCssUrls: false,
 //       postCss: [ tailwindcss('tailwind.js') ],
 //    });
+
+// PurgeCSS is a utility that parses your application view files, identifies which
+// utility classes are actually being used, removing unused classes. This means
+// your final CSS will be much smaller, containing just the styles you need.
+//
+// Only run PurgeCSS in production builds keeping your development builds fast,
+// whilst still leaving you with a full set of utilities during development.
+// if (mix.inProduction()) {
+//   mix.webpackConfig({
+//     plugins: [
+//       new PurgecssPlugin({
+//
+//         // Specify the locations of any files you want to scan for class names.
+//         paths: glob.sync([
+//           path.join(__dirname, "resources/views/**/*.blade.php"),
+//           path.join(__dirname, "resources/assets/js/**/*.vue")
+//         ]),
+//         extractors: [
+//           {
+//             extractor: TailwindExtractor,
+//
+//             // Specify the file extensions to include when scanning for class names.
+//             extensions: ["html", "js", "php", "vue"]
+//           }
+//         ]
+//       })
+//     ]
+//   });
+// }
+