From 2a4d45714c01b0a72aa8af56f040e43699abde7a Mon Sep 17 00:00:00 2001
From: Alexander Rose <alexander.rose@weirdbyte.de>
Date: Sun, 5 Apr 2020 14:18:17 -0700
Subject: [PATCH] added npm script and webpack config for viewer debugging
- generates sourcemaps that work with vscode/chrome debugging
---
package.json | 2 ++
webpack.config.common.js | 5 +++--
webpack.config.viewer.debug.js | 7 +++++++
3 files changed, 12 insertions(+), 2 deletions(-)
create mode 100644 webpack.config.viewer.debug.js
diff --git a/package.json b/package.json
index 415a688f7..484963070 100644
--- a/package.json
+++ b/package.json
@@ -19,10 +19,12 @@
"build-webpack": "webpack --mode production",
"watch": "concurrently -c \"green,gray,gray\" --names \"tsc,ext,wpc\" --kill-others \"npm:watch-tsc\" \"npm:watch-extra\" \"npm:watch-webpack\"",
"watch-viewer": "concurrently -c \"green,gray,gray\" --names \"tsc,ext,wpc\" --kill-others \"npm:watch-tsc\" \"npm:watch-extra\" \"npm:watch-webpack-viewer\"",
+ "watch-viewer-debug": "concurrently -c \"green,gray,gray\" --names \"tsc,ext,wpc\" --kill-others \"npm:watch-tsc\" \"npm:watch-extra\" \"npm:watch-webpack-viewer-debug\"",
"watch-tsc": "tsc --watch --incremental",
"watch-extra": "cpx \"src/**/*.{scss,woff,woff2,ttf,otf,eot,svg,html,ico}\" lib/ --watch",
"watch-webpack": "webpack -w --mode development --display minimal",
"watch-webpack-viewer": "webpack -w --mode development --display errors-only --info-verbosity verbose --config ./webpack.config.viewer.js",
+ "watch-webpack-viewer-debug": "webpack -w --mode development --display errors-only --info-verbosity verbose --config ./webpack.config.viewer.debug.js",
"serve": "http-server -p 1338",
"model-server": "node lib/servers/model/server.js",
"model-server-watch": "nodemon --watch lib lib/servers/model/server.js",
diff --git a/webpack.config.common.js b/webpack.config.common.js
index 10157698c..e3c610c72 100644
--- a/webpack.config.common.js
+++ b/webpack.config.common.js
@@ -18,7 +18,9 @@ const sharedConfig = {
test: /\.(s*)css$/,
use: [
MiniCssExtractPlugin.loader,
- 'css-loader', 'resolve-url-loader', 'sass-loader'
+ { loader: 'css-loader', options: { sourceMap: false } },
+ { loader: 'resolve-url-loader', options: { sourceMap: false } },
+ { loader: 'sass-loader', options: { sourceMap: false } },
]
}
]
@@ -54,7 +56,6 @@ const sharedConfig = {
devtool: ''
}
-
function createEntry(src, outFolder, outFilename, isNode) {
return {
node: isNode ? void 0 : { fs: 'empty' }, // TODO find better solution? Currently used in file-handle.ts
diff --git a/webpack.config.viewer.debug.js b/webpack.config.viewer.debug.js
new file mode 100644
index 000000000..cd4d373fb
--- /dev/null
+++ b/webpack.config.viewer.debug.js
@@ -0,0 +1,7 @@
+const createViewer = require('./webpack.config.viewer.js')[0];
+module.exports = [
+ {
+ ...createViewer,
+ devtool: 'eval'
+ }
+]
\ No newline at end of file
--
GitLab