Merge pull request #31 from vania-pooh/master

Correctly rendering images from CSS
aerokube · Aug 28, 2019 · 86130b6 · 86130b6
2 parents cca2552 + aa2f64a
commit 86130b6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/css/imports/style.scss b/src/css/imports/style.scss
@@ -5,7 +5,7 @@ html, body {
 }
 
 .background {
-    background-image: url('/images/background.svg');
+    background-image: url('#{$prefix}/images/background.svg');
     background-size: cover;
     background-position: center 100px;
     background-repeat: no-repeat;
@@ -52,7 +52,7 @@ a, a:hover {
 
     &:after {
         content: "";
-        background-image: url('/images/dropdown.svg');
+        background-image: url('#{$prefix}/images/dropdown.svg');
         position: absolute;
         right: 16px;
         top: 27.5px;

diff --git a/webpack.common.js b/webpack.common.js
@@ -32,7 +32,14 @@ module.exports = {
       {
         test: /\.(sa|sc|c)ss$/,
         exclude: /node_modules/,
-        use: ["style-loader", MiniCssExtractPlugin.loader, "css-loader", "postcss-loader", "sass-loader"]
+        use: [
+          "style-loader", MiniCssExtractPlugin.loader, "css-loader", "postcss-loader",
+          {
+            loader: "sass-loader",
+            options: {
+              data: "$prefix: \"" + (process.env.NODE_ENV === "production" ? "/moon" : "") + "\";"
+            }
+          }]
       }
     ]
   },