[WIP] Second attempt at upgrading LUX and Webpack

Gemfile

@@ -71,7 +71,7 @@ gem 'sprockets', '~> 3.7'
 gem 'sprockets-es6'
 gem 'sprockets-rails'
 gem 'string_rtl'
-gem 'webpacker', '~> 3.5'
+gem 'webpacker', '>= 4.0.x'
 
 # PUL Assets
 gem 'dalli'

Gemfile.lock

@@ -575,7 +575,7 @@ GEM
       addressable (>= 2.3.6)
       crack (>= 0.3.2)
       hashdiff
-    webpacker (3.5.5)
+    webpacker (4.0.0.rc.7)
       activesupport (>= 4.2)
       rack-proxy (>= 0.6.1)
       railties (>= 4.2)
@@ -656,7 +656,7 @@ DEPENDENCIES
   vcr
   web-console (~> 2.0)
   webmock
-  webpacker (~> 3.5)
+  webpacker (>= 4.0.x)
 
 BUNDLED WITH
    1.17.2

bin/webpack

@@ -12,4 +12,8 @@ require "bundler/setup"
 
 require "webpacker"
 require "webpacker/webpack_runner"
-Webpacker::WebpackRunner.run(ARGV)
+
+APP_ROOT = File.expand_path("..", __dir__)
+Dir.chdir(APP_ROOT) do
+  Webpacker::WebpackRunner.run(ARGV)
+end

bin/webpack-dev-server

@@ -12,4 +12,8 @@ require "bundler/setup"
 
 require "webpacker"
 require "webpacker/dev_server_runner"
-Webpacker::DevServerRunner.run(ARGV)
+
+APP_ROOT = File.expand_path("..", __dir__)
+Dir.chdir(APP_ROOT) do
+  Webpacker::DevServerRunner.run(ARGV)
+end

package.json

@@ -1,12 +1,21 @@
 {
   "dependencies": {
-    "@rails/webpacker": "3.5",
+    "@rails/webpacker": "https://github.com/rails/webpacker",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "caniuse-lite": "^1.0.30000936",
+    "css-loader": "^2.1.0",
     "lux-design-system": "^2.0.3",
+    "postcss-cssnext": "^3.1.0",
     "vue": "^2.6.5",
     "vue-loader": "14.2.2",
-    "vue-template-compiler": "^2.6.5"
+    "vue-template-compiler": "^2.6.5",
+    "webpack": "^4.29.3"
   },
   "devDependencies": {
-    "webpack-dev-server": "2.11.2"
+    "webpack-cli": "^3.2.3",
+    "webpack-dev-server": "^3.1.14"
   }
 }