准备写一个 Electron 应用，被前端的工作流和工具绕晕了

正在准备写一个软件的桌面版，因为考虑到要支持几个平台，如果都要分别写一套 GUI 简直太麻烦了（我知道 Qt 和 QtQuick，但是完全不会 QtQuick，难以写出自己要的效果），而且将来会提供应用本地的 WebServer 功能，所以选择了 Electron 和 NodeJS 解决方案（参考了 vscode 和 GitHub Desktop，以及 Signal ）。

以前几乎没有写过前端代码，印象中的工作流程就是分别写好 html/javascript/css，然后组合起来，即便是现代一点用上 typescript/sass，也是用脚本自动化编译好，然后按印象中工作流程一样处理。可是看到那些新兴热门前端技术框架，想试一试，结果加上 webpack/vue，我感觉一下子搞不懂了，完全没有头绪，搜索了一通如何把 typescript/sass/webpack/vue 组合起来，然后出来一堆 sass-loader/vue-loader/css-loader/style-loader，我头都大了，我预想的最终结果是 javascript 代码（甭管是不是 vue 代码）最终编译打包成了一个单独的 js 文件，所有 sass 代码也都编译打包成一个单独的 css 文件，到底怎么做啊，要不要这么绕这么复杂，我对后端 C#/Python/PHP 工作流就没有这种糟心的体验。

有没有什么前端指南，可以让我不用把每个包都搜索一遍，每个包的文档都通读一遍？

P.S 我就一个业余爱好者。