Everything works except fonts

.bootstraprc

@@ -1,7 +1,6 @@
 {
   "bootstrapVersion": 3,
   "styleLoaders": ["style", "css", "sass"],
-  "extractStyles": true,
   "styles": {
     "mixins": true,
     "grid": true,

app/javascript/packs/create_new_offsite_payment_pane.js

@@ -1,3 +1,4 @@
 // License: LGPL-3.0-or-later
 // require a root component here. This will be treated as the root of a webpack package
+require('bootstrap-loader');
 require('../../../javascripts/app/create_new_offsite_payment_pane')

app/javascript/packs/edit_payment_pane.js

@@ -1,3 +1,4 @@
 // License: LGPL-3.0-or-later
 // require a root component here. This will be treated as the root of a webpack package
+require('bootstrap-loader');
 require('../../../javascripts/app/edit_payment_pane')

app/javascript/packs/registration_page.js

@@ -1,4 +1,5 @@
 // License: LGPL-3.0-or-later
-
+require('../../../client/css/global/page.css')
+require('bootstrap-loader');
 require('../../../javascripts/app/registration_page')
 

app/javascript/packs/session_login_page.js

@@ -1,3 +1,3 @@
 // License: LGPL-3.0-or-later
-
+require('bootstrap-loader');
 require('../../../javascripts/app/session_login_page')

app/views/layouts/apified.html.erb

@@ -15,8 +15,6 @@
 
 
   <%= render 'layouts/stylesheets' %>
-  <%= IncludeAsset.css '/client/css/global/page.css' %>
-  <%= IncludeAsset.css '/client/css/bootstrap.css' %>
   <%= favicon_link_tag %>
 
   <style>

package.json

@@ -116,6 +116,7 @@
     "jquery": "1.11.1",
     "jquery.cookie": "1.4.1",
     "marked": "^0.7.0",
+    "mini-css-extract-plugin": "^0.8.0",
     "mobx": "^4.3.1",
     "mobx-react": "^5.4.3",
     "mobx-react-devtools": "^5.0.1",