diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js index be1843b29093e5011ffd4541df0c55fd43b87ea8..4d4291aa1f8bc3b3f67e8ffe94ed2dfd9612ca37 100644 --- a/packages/react-scripts/config/webpack.config.dev.js +++ b/packages/react-scripts/config/webpack.config.dev.js @@ -251,7 +251,8 @@ module.exports = { { loaderMap: { svg: { - ReactComponent: 'svgr/webpack![path]', + ReactComponent: + '@svgr/webpack?-prettier,-svgo![path]', }, }, }, diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js index 4da336ed925386cc1c0ba4cef1f9b6e00555976c..50936389bce028832a10f76f498293b799a014ad 100644 --- a/packages/react-scripts/config/webpack.config.prod.js +++ b/packages/react-scripts/config/webpack.config.prod.js @@ -289,7 +289,8 @@ module.exports = { { loaderMap: { svg: { - ReactComponent: 'svgr/webpack![path]', + ReactComponent: + '@svgr/webpack?-prettier,-svgo![path]', }, }, }, diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json index 73dab1ad8a43c125847fe0873c0eb8df49b00121..35c7d5e7aca825e84fb2eac34b7e8f957fb424f8 100644 --- a/packages/react-scripts/package.json +++ b/packages/react-scripts/package.json @@ -23,6 +23,7 @@ "dependencies": { "@babel/core": "7.1.0", "@babel/runtime": "7.0.0", + "@svgr/webpack": "2.4.1", "autoprefixer": "9.1.5", "babel-core": "7.0.0-bridge.0", "babel-eslint": "9.0.0", @@ -63,7 +64,6 @@ "resolve": "1.8.1", "sass-loader": "7.1.0", "style-loader": "0.23.0", - "svgr": "1.9.2", "sw-precache-webpack-plugin": "0.11.5", "terser-webpack-plugin": "1.1.0", "thread-loader": "1.2.0",