Added flexibility to customise loaders

Author: Gowrav Shekar

README.md

@@ -92,15 +92,13 @@ Example:
 
 ### extract-text-webpack-plugin
 
-Configure post style loaders in `font-awesome.config.js`.
+Configure style loader in `font-awesome.config.js`.
 
 Example:
 
 ``` javascript
 module.exports = {
-  postStyleLoaders: [
-    require.resolve('extract-text-webpack-plugin/loader.js') + '?{"omit":1,"extract":true,"remove":true}'
-  ],
+  styleLoader: require('extract-text-webpack-plugin').extract('style-loader', 'css-loader!less-loader'),
   styles: {
     ...
   }

font-awesome.config.js

@@ -1,4 +1,7 @@
 module.exports = {
+    // Default for the style loading
+  styleLoader: 'style-loader!css-loader!less-loader',
+  
     styles: {
         'mixins': true,
         'bordered-pulled': true,

index.loader.js

@@ -1,14 +1,25 @@
 module.exports = function() {
 };
-module.exports.pitch = function(remainingRequest) {
-    this.cacheable(true);
-    var config = require(this.resourcePath);
-  	var postStyleLoaders = '';
-  	if((typeof config.postStyleLoaders !== 'undefined') && (config.postStyleLoaders.length > 0)){
-    	postStyleLoaders = config.postStyleLoaders.join('!') + '!';
-  	}
-    return [
-        'require(' + JSON.stringify("-!" + postStyleLoaders + require.resolve("style-loader") + '!' + require.resolve("css-loader") +
-                '!' + require.resolve("less-loader") + '!' + require.resolve("./font-awesome-styles.loader.js") + '!' + remainingRequest) + ');'
-    ].join("\n");
-};
+
+module.exports.pitch = function (remainingRequest) {
+
+  // Webpack 1.7.3 uses this.resourcePath. Leaving in remaining request for possibly older versions
+  // of Webpack
+  var configFilePath = this.resourcePath || remainingRequest;
+  this.cacheable(true);
+
+  if (!configFilePath || configFilePath.trim() === '') {
+    var msg = 'You specified the font-awesome-webpack with no configuration file. Please specify' +
+      ' the configuration file, like: \'font-awesome-webpack!./font-awesome.config.js\' or use' +
+      ' require(\'font-awesome-webpack\').';
+    console.error('ERROR: ' + msg);
+    throw new Error(msg);
+  }
+  
+  var config = require(configFilePath);
+  var styleLoader = config.styleLoader || 'style-loader!css-loader!less-loader';
+
+  var styleLoaderCommand = 'require(' + JSON.stringify('-!' + styleLoader + '!' +
+      require.resolve('./font-awesome-styles.loader.js') + '!' + configFilePath) + ');';
+  return styleLoaderCommand;
+};

package.json

@@ -1,6 +1,6 @@
 {
     "name": "font-awesome-webpack",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "font-awesome package for webpack",
     "main": "index.js",
     "loader": "index.loader.js",