Add Encore.disableAssetsLoaders()

Author: Lyrkan

index.js

@@ -398,6 +398,18 @@ module.exports = {
         return this;
     },
 
+    /**
+     * Call this if you wish to disable the default
+     * assets loaders (images and fonts).
+     *
+     * @returns {exports}
+     */
+    disableAssetsLoaders() {
+        webpackConfig.disableAssetsLoaders();
+
+        return this;
+    },
+
     /**
      * If enabled, the output directory is emptied between
      * each build (to remove old files).

lib/WebpackConfig.js

@@ -56,6 +56,7 @@ class WebpackConfig {
         this.loaders = [];
         this.useTypeScriptLoader = false;
         this.tsConfigurationCallback = function() {};
+        this.useAssetsLoaders = true;
     }
 
     getContext() {
@@ -253,6 +254,10 @@ class WebpackConfig {
         this.vueLoaderOptionsCallback = vueLoaderOptionsCallback;
     }
 
+    disableAssetsLoaders() {
+        this.useAssetsLoaders = false;
+    }
+
     cleanupOutputBeforeBuild() {
         this.cleanupOutput = true;
     }

lib/config-generator.js

@@ -122,24 +122,28 @@ class ConfigGenerator {
             {
                 test: /\.css$/,
                 use: extractText.extract(this.webpackConfig, cssLoaderUtil.getLoaders(this.webpackConfig, false))
-            },
-            {
+            }
+        ];
+
+        if (this.webpackConfig.useAssetsLoaders) {
+            rules.push({
                 test: /\.(png|jpg|jpeg|gif|ico|svg)$/,
                 loader: 'file-loader',
                 options: {
                     name: `images/[name]${this.webpackConfig.useVersioning ? '.[hash]' : ''}.[ext]`,
                     publicPath: this.webpackConfig.getRealPublicPath()
                 }
-            },
-            {
+            });
+
+            rules.push({
                 test: /\.(woff|woff2|ttf|eot|otf)$/,
                 loader: 'file-loader',
                 options: {
                     name: `fonts/[name]${this.webpackConfig.useVersioning ? '.[hash]' : ''}.[ext]`,
                     publicPath: this.webpackConfig.getRealPublicPath()
                 }
-            },
-        ];
+            });
+        }
 
         if (this.webpackConfig.useSassLoader) {
             rules.push({

test/WebpackConfig.js

@@ -358,4 +358,13 @@ describe('WebpackConfig object', () => {
             expect(config.loaders).to.deep.equals([{ 'test': /\.custom$/, 'loader': 'custom-loader' }]);
         });
     });
+
+    describe('disableAssetsLoaders', () => {
+        it('Disable default assets loaders', () => {
+            const config = createConfig();
+            config.disableAssetsLoaders();
+
+            expect(config.useAssetsLoaders).to.be.false;
+        });
+    });
 });

test/config-generator.js

@@ -416,4 +416,36 @@ describe('The config-generator function', () => {
             expect(ignorePlugin).to.not.be.undefined;
         });
     });
+
+    describe('disableAssetsLoaders() removes the default assets loaders', () => {
+        it('without disableAssetsLoaders()', () => {
+            const config = createConfig();
+            config.outputPath = '/tmp/output/public-path';
+            config.publicPath = '/public-path';
+            config.addEntry('main', './main');
+            // do not call disableAssetsLoaders
+
+            const actualConfig = configGenerator(config);
+
+            expect(function() {
+                findRule(/\.(png|jpg|jpeg|gif|ico|svg)$/, actualConfig.module.rules);
+                findRule(/\.(woff|woff2|ttf|eot|otf)$/, actualConfig.module.rules);
+            }).to.not.throw();
+        });
+
+        it('with disableAssetsLoaders()', () => {
+            const config = createConfig();
+            config.outputPath = '/tmp/output/public-path';
+            config.publicPath = '/public-path';
+            config.addEntry('main', './main');
+            config.disableAssetsLoaders();
+
+            const actualConfig = configGenerator(config);
+
+            expect(function() {
+                findRule(/\.(png|jpg|jpeg|gif|ico|svg)$/, actualConfig.module.rules);
+                findRule(/\.(woff|woff2|ttf|eot|otf)$/, actualConfig.module.rules);
+            }).to.throw();
+        });
+    });
 });