From 72d77fdc33f3817c5b65ffe4f7cc3eafe80228ba Mon Sep 17 00:00:00 2001 From: Remco Haszing Date: Sat, 7 Aug 2021 13:40:56 +0200 Subject: [PATCH] Optimize the example --- examples/webpack/package.json | 3 +- examples/webpack/src/index.css | 5 + examples/webpack/src/index.ejs | 6 +- examples/webpack/webpack.config.js | 12 +- package-lock.json | 1945 +++++++++++++++++++++++++++- 5 files changed, 1941 insertions(+), 30 deletions(-) diff --git a/examples/webpack/package.json b/examples/webpack/package.json index 6cdafd3..aa55114 100644 --- a/examples/webpack/package.json +++ b/examples/webpack/package.json @@ -9,10 +9,11 @@ "devDependencies": { "@fortawesome/fontawesome-free": "^5.15.4", "css-loader": "^6.2.0", + "css-minimizer-webpack-plugin": "^3.0.2", "html-webpack-plugin": "^5.3.2", + "mini-css-extract-plugin": "^2.2.0", "monaco-editor": "^0.26.1", "monaco-yaml": "file:../..", - "style-loader": "^3.2.1", "webpack": "^5.48.0", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.2" diff --git a/examples/webpack/src/index.css b/examples/webpack/src/index.css index fbbaa90..e17e96f 100644 --- a/examples/webpack/src/index.css +++ b/examples/webpack/src/index.css @@ -15,6 +15,7 @@ body { background: var(--background-color); display: flex; flex-flow: column; + font-family: sans-serif; height: 100vh; margin: 0; } @@ -34,6 +35,10 @@ nav { } .nav-icon { + text-decoration: none; +} + +.nav-icon > img { height: 2rem; margin-right: 1rem; vertical-align: middle; diff --git a/examples/webpack/src/index.ejs b/examples/webpack/src/index.ejs index 8b67e85..c9013d7 100644 --- a/examples/webpack/src/index.ejs +++ b/examples/webpack/src/index.ejs @@ -8,17 +8,15 @@