fix: 🐛 import bootstrap files with prependData (fixes #43)

ttskch · ttskch · commit e946eeda681c · 2020-04-24T20:43:05.000+09:00
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
     "postcss": "^7.0.6",
     "postcss-loader": "^3.0.0",
     "precss": "^4.0.0",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^8.0.2",
     "style-loader": "^0.23.1",
     "webpack": "^4.27.0",
     "webpack-cli": "^3.1.2"
diff --git a/src/layout.scss b/src/layout.scss
@@ -1,7 +1,3 @@
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
-
 @import "single";
 @import "multiple";
 
diff --git a/webpack.config.js b/webpack.config.js
@@ -58,6 +58,13 @@ module.exports = {
             },
             {
               loader: 'sass-loader',
+              options: {
+                prependData: `
+                  @import "~bootstrap/scss/functions";
+                  @import "~bootstrap/scss/variables";
+                  @import "~bootstrap/scss/mixins";
+                `
+              }
             },
           ],
         }),
