Add support for scss, sass, and less

Author: jsilvax

__tests__/css-entry-array.test.js

@@ -2,6 +2,8 @@ const webpack = require('webpack');
 const path = require('path');
 const rimraf = require('rimraf');
 const options = require('./fixtures/css-array-entry/webpack.config.js');
+const optionsSass = require('./fixtures/css-array-entry/webpack.config.sass');
+const optionsLess = require('./fixtures/css-array-entry/webpack.config.less');
 const dirPath = path.join(__dirname, './fixtures/css-array-entry/dir');
 const fileShouldNotExist = require('./utils/file-should-not-exist.js');
 
@@ -28,4 +30,38 @@ describe('Array of CSS Dependencies as Entry', () => {
 			done();
 		});
 	});
+
+	it('JS entry should not exist w/ sass', done => {
+		webpack(optionsSass, () => {
+			fileShouldNotExist(dirPath, '/s.js');
+			done();
+		});
+	});
+
+	it('JS entry source map should not exist w/ sass', done => {
+		const optionSourceMap = Object.assign({}, options);
+		optionSourceMap.devtool = 'source-map';
+
+		webpack(optionSourceMap, () => {
+			fileShouldNotExist(dirPath, '/s.js.map');
+			done();
+		});
+	});	
+
+	it('JS entry should not exist w/ less', done => {
+		webpack(optionsLess, () => {
+			fileShouldNotExist(dirPath, '/l.js');
+			done();
+		});
+	});
+
+	it('JS entry source map should not exist w/ less', done => {
+		const optionSourceMap = Object.assign({}, optionsLess);
+		optionSourceMap.devtool = 'source-map';
+
+		webpack(optionSourceMap, () => {
+			fileShouldNotExist(dirPath, '/l.js.map');
+			done();
+		});
+	});	
 });

__tests__/fixtures/css-array-entry/dir/a.css

@@ -0,0 +1,6 @@
+@nice-blue: #5B83AD;
+@light-blue: @nice-blue + #111;
+
+#header {
+  color: @light-blue;
+}

__tests__/fixtures/css-array-entry/dir/a.css.map

@@ -0,0 +1,6 @@
+$font-stack:    Helvetica, sans-serif
+$primary-color: #333
+
+body
+  font: 100% $font-stack
+  color: $primary-color

__tests__/fixtures/css-array-entry/dir/l.css

@@ -0,0 +1,5 @@
+@nice-yellow: yellow;
+
+.duck {
+  color: @nice-yellow;
+}

__tests__/fixtures/css-array-entry/dir/l.css.map

@@ -0,0 +1,11 @@
+$font-stack:    Helvetica, sans-serif;
+$primary-color: #333;
+
+body {
+  font: 100% $font-stack;
+  color: $primary-color;
+}
+
+.green {
+	color : green;
+}

__tests__/fixtures/css-array-entry/one.less

@@ -0,0 +1,28 @@
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const OmitJSforCSSPlugin = require('../../../src/index.js');
+const path = require('path');
+
+module.exports = {
+	entry: {
+		l: [path.join(__dirname, 'one.less'), path.join(__dirname, 'two.less')]
+	},
+	output: {
+		filename: '[name].js',
+		path: path.join(__dirname, '/dir')
+	},
+	module: {
+		rules: [
+			{
+				test: /\.(less)$/,
+				use: [
+					MiniCssExtractPlugin.loader,
+					'css-loader',
+					'less-loader'
+				]
+			}
+		]
+	},
+	mode: 'development',
+	plugins: [new MiniCssExtractPlugin({ filename: '[name].css' }), new OmitJSforCSSPlugin()],
+	stats: 'none'
+};