From c6e6360aeb002447b8f512e5e5ee05ca1ba4704f Mon Sep 17 00:00:00 2001
From: Luke Harold Miles <luke@mm.st>
Date: Sun, 5 Sep 2021 17:36:17 -0400
Subject: [PATCH 1/2] add mini-svg-data-uri
---
packages/react-scripts/config/webpack.config.js | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index 6bc8b2cee..2f72eb5e0 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -36,6 +36,7 @@ const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin'
// @remove-on-eject-begin
const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
// @remove-on-eject-end
+const svgToMiniDataURI = require('mini-svg-data-uri');
const createEnvironmentHash = require('./webpack/persistentCache/createEnvironmentHash');
// Source maps are resource heavy and can cause out of memory issue for large source files.
@@ -360,6 +361,18 @@ module.exports = function (webpackEnv) {
},
},
},
+ {
+ test: /\.svg$/,
+ use: [
+ {
+ loader: require.resolve('url-loader'),
+ options: {
+ limit: imageInlineSizeLimit,
+ generator: (content) => svgToMiniDataURI(content.toString()),
+ },
+ },
+ ],
+ },
{
test: /\.svg$/,
use: [
--
GitLab
From c7b12ab02a3d902333fc40752c97de88e74873d3 Mon Sep 17 00:00:00 2001
From: Luke Harold Miles <luke@mm.st>
Date: Sun, 5 Sep 2021 17:42:03 -0400
Subject: [PATCH 2/2] Update package.json
---
packages/react-scripts/package.json | 1 +
1 file changed, 1 insertion(+)
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index e3a876e16..f96914025 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -55,6 +55,7 @@
"jest-resolve": "26.6.0",
"jest-watch-typeahead": "0.6.1",
"mini-css-extract-plugin": "2.1.0",
+ "mini-svg-data-uri": "^1.3.3",
"postcss": "8.3.5",
"postcss-flexbugs-fixes": "5.0.2",
"postcss-loader": "6.1.1",
--
GitLab