From 109a22014c97825afe67ba195ffaddbf5225c34c Mon Sep 17 00:00:00 2001
From: Thore Strassburg <thore@weilbier.net>
Date: Thu, 8 Jul 2021 13:24:39 +0200
Subject: [PATCH] dapp: ignore order for CSS extractions

While building the dApp, the webpack plugin mini-css-extract-plugin is warning
us that the CSS order is not correct. Maintaining a clean order of the styling
sections is basically not possible in Vue. Therefore it makes sense to disable
this rule.

https://github.com/vuejs/vue-cli/issues/3771
---
 raiden-dapp/vue.config.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/raiden-dapp/vue.config.js b/raiden-dapp/vue.config.js
index 92f54a909a..7093b70c21 100644
--- a/raiden-dapp/vue.config.js
+++ b/raiden-dapp/vue.config.js
@@ -79,6 +79,13 @@ module.exports = {
       enableInSFC: true,
     },
   },
+
+  css: {
+    extract: {
+      ignoreOrder: true,
+    },
+  },
+
   // check -> https://github.com/vuejs/vue-cli/issues/2978
   configureWebpack: (config) => {
     if (process.env.NODE_ENV === 'development') {