feat(svgr): add plugin

packages/svgr/README.md

@@ -0,0 +1,33 @@
+# SVGR Plugin
+
+Transform SVGs into React components
+
+## Install
+
+```
+npm install -D @rambler-tech/razzle-svgr
+```
+
+or
+
+```
+yarn add -D @rambler-tech/razzle-svgr
+```
+
+## Usage
+
+Add the plugin to `razzle.config.js`
+
+```js
+const SvgrPlugin = require('@rambler-tech/razzle-svgr')
+
+module.exports = {
+  plugins: [
+    SvgrPlugin()
+  ],
+  modifyWebpackConfig({webpackConfig}) {
+    // ...
+    return webpackConfig
+  }
+}
+```

packages/svgr/index.js

@@ -0,0 +1,12 @@
+module.exports = () => ({
+  modifyWebpackConfig({webpackConfig}) {
+    webpackConfig.module.rules[1].exclude.push(/\.svg$/)
+
+    webpackConfig.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack']
+    })
+
+    return webpackConfig
+  }
+})

packages/svgr/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@rambler-tech/razzle-svgr",
+  "version": "0.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@svgr/webpack": "^8.1.0"
+  },
+  "peerDependencies": {
+    "razzle": ">=4",
+    "webpack": ">=5"
+  }
+}