Allow to add custom loaders

Author: pierredup

lib/WebpackConfig.js

@@ -49,6 +49,7 @@ class WebpackConfig {
         this.providedVariables = {};
         this.babelConfigurationCallback = function() {};
         this.useReact = false;
+        this.loaders = new Set();
     }
 
     getContext() {
@@ -157,6 +158,10 @@ class WebpackConfig {
         this.styleEntries.set(name, src);
     }
 
+    addLoader(test, use, options = { include: null, exclude: null }) {
+        this.loaders.add({ 'test': test, 'use': use, 'include': options.include || null, 'exclude': options.exclude || null });
+    }
+
     enableVersioning(enabled = true) {
         this.useVersioning = enabled;
     }

lib/config-generator.js

@@ -235,6 +235,12 @@ class ConfigGenerator {
             });
         }
 
+        if (this.webpackConfig.loaders.size > 0) {
+            this.webpackConfig.loaders.forEach((loader) => {
+                rules.push(loader);
+            });
+        }
+
         return rules;
     }
 

test/WebpackConfig.js

@@ -276,4 +276,22 @@ describe('WebpackConfig object', () => {
             }).to.throw('Invalid option "fake_option" passed to enableSassLoader()');
         });
     });
+
+    describe('addLoader', () => {
+        it('Adds a new loader with default options', () => {
+            const config = createConfig();
+
+            config.addLoader(/\.custom$/, 'custom-loader');
+
+            expect(Array.from(config.loaders)).to.deep.equals([{ 'test': /\.custom$/, 'use': 'custom-loader', 'include': null, 'exclude': null }]);
+        });
+
+        it('Adds a custom exclude path', () => {
+            const config = createConfig();
+
+            config.addLoader(/\.custom$/, 'custom-loader', { 'exclude': 'node_modules' });
+
+            expect(Array.from(config.loaders)).to.deep.equals([{ 'test': /\.custom$/, 'use': 'custom-loader', 'include': null, 'exclude': 'node_modules' }]);
+        });
+    });
 });

test/config-generator.js

@@ -348,6 +348,30 @@ describe('The config-generator function', () => {
         });
     });
 
+    describe('addLoader() adds custom rules', () => {
+        it('addLoader()', () => {
+            const config = createConfig();
+            config.outputPath = '/tmp/output/public-path';
+            config.publicPath = '/public-path';
+            config.addLoader(/\.custom$/, 'custom-loader');
+
+            const actualConfig = configGenerator(config);
+
+            expect(actualConfig.module.rules).to.deep.include({ 'test': /\.custom$/, 'use': 'custom-loader', 'include': null, 'exclude': null });
+        });
+
+        it('addLoader() with custom exlude path', () => {
+            const config = createConfig();
+            config.outputPath = '/tmp/output/public-path';
+            config.publicPath = '/public-path';
+            config.addLoader(/\.custom$/, 'custom-loader', { 'exclude': 'node_modules' });
+
+            const actualConfig = configGenerator(config);
+
+            expect(actualConfig.module.rules).to.deep.include({ 'test': /\.custom$/, 'use': 'custom-loader', 'include': null, 'exclude': 'node_modules' });
+        });
+    });
+
     describe('.js rule receives different configuration', () => {
         it('Use default config', () => {
             const config = createConfig();