Merge pull request #704 from pulibrary/mathjs

Update Webpacker/MathJS

Gemfile

@@ -21,7 +21,7 @@ gem "sprockets", ">= 3.0.0"
 gem "title"
 gem "uglifier"
 gem "valkyrie", git: "https://github.com/samvera-labs/valkyrie.git"
-gem 'webpacker', '3.0.2'
+gem 'webpacker', '3.2.0'
 
 group :development do
   gem "foreman"

Gemfile.lock

@@ -543,7 +543,7 @@ GEM
       rack (>= 1.2.0)
     rack-protection (2.0.0)
       rack
-    rack-proxy (0.6.2)
+    rack-proxy (0.6.3)
       rack
     rack-test (0.6.3)
       rack (>= 1.0)
@@ -764,7 +764,7 @@ GEM
       addressable (>= 2.3.6)
       crack (>= 0.3.2)
       hashdiff
-    webpacker (3.0.2)
+    webpacker (3.2.0)
       activesupport (>= 4.2)
       rack-proxy (>= 0.6.1)
       railties (>= 4.2)
@@ -855,7 +855,7 @@ DEPENDENCIES
   valkyrie!
   web-console
   webmock
-  webpacker (= 3.0.2)
+  webpacker (= 3.2.0)
 
 BUNDLED WITH
    1.15.4

config/webpack/environment.js

@@ -1,3 +1,5 @@
 const { environment } = require('@rails/webpacker')
+const vue = require('./loaders/vue')
+environment.loaders.append('vue', vue)
 
 module.exports = environment

config/webpack/loaders/vue.js

@@ -0,0 +1,13 @@
+const { dev_server: devServer } = require('@rails/webpacker').config
+
+const isProduction = process.env.NODE_ENV === 'production'
+const inDevServer = process.argv.find(v => v.includes('webpack-dev-server'))
+const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction
+
+module.exports = {
+  test: /\.vue(\.erb)?$/,
+  use: [{
+    loader: 'vue-loader',
+    options: { extractCSS }
+  }]
+}