From 0499e44cb66d94433dbf7cef7229b0d39ffa0f4d Mon Sep 17 00:00:00 2001
From: kennylam <kennylam@protonmail.com>
Date: Fri, 22 Jan 2021 14:01:40 -0500
Subject: [PATCH] chore(storybook): add file-loader for static images (#4986)

### Related Ticket(s)

#4976

### Description

This changes the `web-component` webpack to use `file-loader` instead of `url-loader`. The latter base64 encodes images, which interfere with Storybook when used in knobs.

### Changelog

**Changed**

- Web components webpack config now uses `file-loader`

<!-- labels for the corresponding package: -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "package: styles": Carbon Expressive -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
---
 packages/web-components/.storybook/webpack.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-components/.storybook/webpack.config.js b/packages/web-components/.storybook/webpack.config.js
index 88a0b006a0b..df329f02086 100644
--- a/packages/web-components/.storybook/webpack.config.js
+++ b/packages/web-components/.storybook/webpack.config.js
@@ -155,7 +155,7 @@ module.exports = ({ config, mode }) => {
     },
     {
       test: /\.(jpe?g|png|gif)(\?[a-z0-9=.]+)?$/,
-      loader: 'url-loader',
+      loader: 'file-loader',
     }
   );