Initial

Author: Marc Eickhoff

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.idea
+.DS_Store

LICENSE

@@ -0,0 +1,22 @@
+
+MIT License
+
+Copyright (c) 2019 Marc Eickhoff <mail@marceickhoff.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,49 @@
+# Laravel Mix clean-css
+[![Latest Version on NPM](https://img.shields.io/npm/v/laravel-mix-clean-css.svg?style=flat-square)](https://npmjs.com/package/laravel-mix-clean-css)
+[![npm](https://img.shields.io/npm/dt/laravel-mix-clean-css.svg?style=flat-square)](https://www.npmjs.com/package/laravel-mix-clean-css)
+[![Software License](https://img.shields.io/npm/l/laravel-mix-clean-css.svg?style=flat-square)](LICENSE)
+
+This extension adds support for [clean-css](https://github.com/jakubpawlowicz/clean-css) to [Laravel Mix](https://github.com/JeffreyWay/laravel-mix) by using the [clean-css-loader](https://github.com/retyui/clean-css-loader).
+
+## Installation
+
+```
+npm i -D laravel-mix-clean-css
+```
+
+## Usage
+
+Require the extension inside your ``webpack.mix.js`` and add clean-css configurations like this:
+
+```javascript
+const mix = require('laravel-mix');
+
+require('laravel-mix-clean-css');
+
+mix
+  .sass('src/app.scss', 'dist')
+  .sass('src/app.sass', 'dist')
+  .less('src/app.less', 'dist')
+  .stylus('src/app.styl', 'dist')
+
+  // Run clean-css on all stylesheets
+  .cleanCss({
+    level: 2,
+    format: mix.inProduction() ? false : 'beautify' // Beautify only in dev mode
+  })
+
+  // Run clean-css only on one specific stylesheet
+  .cleanCss({
+    // ...
+  }, 'src/app.scss')
+
+  // Run clean-css only on multiple specific stylesheets
+  .cleanCss({
+    // ...
+  }, [
+    'src/app.scss',
+    'src/app.sass',
+  ])
+```
+
+For more information about clean-css configurations please refer to their [documentation](https://github.com/jakubpawlowicz/clean-css/blob/master/README.md).

index.js

@@ -0,0 +1,66 @@
+const mix = require('laravel-mix');
+const path = require('path');
+const escapeStringRegexp = require('escape-string-regexp');
+
+class CleanCss {
+
+	/**
+	 * All dependencies that should be installed by Mix.
+	 *
+	 * @return {Array}
+	 */
+	dependencies() {
+		return ['clean-css-loader', 'escape-string-regexp'];
+	}
+
+	/**
+	 * Register the component.
+	 *
+	 * @param  {Object} options CleanCSS configuration object
+	 * @param  {String|Array} filter One or more source stylesheet files
+	 * @return {void}
+	 */
+	register(options, filter) {
+		this.options = options;
+		this.filter = filter;
+	}
+
+	/**
+	 * Rules to be merged with the master webpack loaders.
+	 *
+	 * @return {Object}
+	 */
+	webpackRules() {
+		// Create regular expression for file test
+		let test = /\.(s[ac]|le)ss|styl(us)?$/; // All source stylesheets by default
+		if (typeof this.filter !== 'undefined') { // File filter is given
+			if (typeof this.filter === 'string') { // Only one file path given
+				this.filter = [this.filter]; // Cast to array
+			}
+			if (Array.isArray(this.filter)) {
+				let filters = [];
+				this.filter.forEach((filter) => { // Iterate over given file filters
+					if (!path.isAbsolute(filter)) {
+						filter = path.resolve(filter);
+					}
+					filters.push(escapeStringRegexp(filter));
+				});
+				test = new RegExp(filters.join('|')); // Create regular expression from string
+			}
+			else {
+				console.log(`laravel-mix-clean-css: Filter must be array or string, was ${typeof this.filter}, skipping`);
+			}
+		}
+
+		// Return clean-css rule
+		return {
+			test: test,
+			use: [{
+				loader: "clean-css-loader",
+				options: this.options
+			}]
+		}
+	}
+}
+
+mix.extend('cleanCss', new CleanCss());