From 0e1ad5343c1fe1ad098e499ec10edf93dc8ef78e Mon Sep 17 00:00:00 2001 From: Eric Xanderson Date: Sun, 20 May 2018 16:25:06 -0500 Subject: [PATCH 1/4] Hotfix demonstrating updating output cfg object Example to hotfix webworker support --- source/guide/app-pre-processors-and-webpack.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/source/guide/app-pre-processors-and-webpack.md b/source/guide/app-pre-processors-and-webpack.md index 4034129c..5ae91692 100644 --- a/source/guide/app-pre-processors-and-webpack.md +++ b/source/guide/app-pre-processors-and-webpack.md @@ -66,6 +66,14 @@ build: { And you're done. +### Web worker Support Hotfix (https://github.com/webpack/webpack/issues/6642): +``` + // quasar.conf + extendWebpack (cfg) { + cfg.output.globalObject = 'this' + } +``` + ## SASS/SCSS support So you want to be able to write SASS/SCSS CSS code. You need a loader for it. We first install it. Note that for this particular case you also need to install node-sass because sass-loader depends on it as a peer dependency. From f61153b291732f0af6ca8be731ca77afc27f8118 Mon Sep 17 00:00:00 2001 From: Eric Xanderson Date: Sun, 20 May 2018 16:27:13 -0500 Subject: [PATCH 2/4] Breaking change, webworkers broken in new webpack for HMR --- source/guide/quasar-upgrade-guide.md | 1 + 1 file changed, 1 insertion(+) diff --git a/source/guide/quasar-upgrade-guide.md b/source/guide/quasar-upgrade-guide.md index 6e02fc60..e0910446 100644 --- a/source/guide/quasar-upgrade-guide.md +++ b/source/guide/quasar-upgrade-guide.md @@ -37,6 +37,7 @@ Upgrading from v0.15.x should be seamless if you are using Quasar CLI -- which w * QIcon: removed "mat" & "ios" props for performance reasons (use `:name="$q.theme === 'mat' ? val : otherVal"` instead) * Removed utils > dom > viewport() method (use window.innerHeight/innerWidth instead) * Updated Quasar ionicons set to Ionicons v4 -- compatible with quasar-extras@2.0 +* (Web Workers break Hot Module Reload HMR)[https://github.com/webpack/webpack/issues/6642] ## Upgrading pre v0.15 to Quasar v0.15+ There's been A LOT of work done for v0.15. The Quasar CLI has been rewritten from scratch to allow for a stellar development experience (Mobile App developers and Electron will fall in love with it!). Only one starter kit is required in order to handle websites, PWAs, Mobile Apps and Electron Apps. Building any of those is a matter of just adding a parameter to the dev/build command. From f10ee5166657a550601db933987a7ba6eb76f5dd Mon Sep 17 00:00:00 2001 From: Eric Xanderson Date: Sun, 20 May 2018 16:58:13 -0500 Subject: [PATCH 3/4] Web Worker fix for devs See https://github.com/webpack/webpack/issues/6642 for web workers issues --- source/guide/app-quasar.conf.js.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/source/guide/app-quasar.conf.js.md b/source/guide/app-quasar.conf.js.md index b0c00c45..c491b08b 100644 --- a/source/guide/app-quasar.conf.js.md +++ b/source/guide/app-quasar.conf.js.md @@ -225,3 +225,15 @@ build: { } } ``` +#### Fixing Global Object availability for Web Workers + +```js +// quasar.conf.js + +build: { + extendWebpack (cfg) { + cfg.output.globalObject = 'this' + } +} +``` + From 67be88e97e42e98a7af4f752732c9a596497ef3f Mon Sep 17 00:00:00 2001 From: Eric Xanderson Date: Sun, 20 May 2018 17:03:46 -0500 Subject: [PATCH 4/4] Webworker breaking changes upstream Webpack Notify users of breaking changes to Webworker and HMR breaks. --- source/guide/quasar-upgrade-guide.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/source/guide/quasar-upgrade-guide.md b/source/guide/quasar-upgrade-guide.md index e0910446..7e0f1a14 100644 --- a/source/guide/quasar-upgrade-guide.md +++ b/source/guide/quasar-upgrade-guide.md @@ -37,7 +37,8 @@ Upgrading from v0.15.x should be seamless if you are using Quasar CLI -- which w * QIcon: removed "mat" & "ios" props for performance reasons (use `:name="$q.theme === 'mat' ? val : otherVal"` instead) * Removed utils > dom > viewport() method (use window.innerHeight/innerWidth instead) * Updated Quasar ionicons set to Ionicons v4 -- compatible with quasar-extras@2.0 -* (Web Workers break Hot Module Reload HMR)[https://github.com/webpack/webpack/issues/6642] +* [Web Workers break Upstream Hot Module Reload HMR] (https://github.com/webpack/webpack/issues/6642) +* [Web Workers require update to webpack.cfg] (/guide/app-quasar.conf.js.html) for quasar.conf.js ## Upgrading pre v0.15 to Quasar v0.15+ There's been A LOT of work done for v0.15. The Quasar CLI has been rewritten from scratch to allow for a stellar development experience (Mobile App developers and Electron will fall in love with it!). Only one starter kit is required in order to handle websites, PWAs, Mobile Apps and Electron Apps. Building any of those is a matter of just adding a parameter to the dev/build command.