VS 代码项目 npm 设置：stylus, pug, three.js, es6, bundler

Question

我已经很长时间没有使用 npm 了，我目前正在尝试在 VS 代码中为一个项目设置一个工作区，包括手写笔文件、pug 文件、three.js 依赖项、es6 语法和任何能够工作的捆绑程序/压缩程序自动分配。

我现在检查了多个视频指南和手写笔、pug cli 等文档以进行自动编译，但我未能找到一种方法让一切按预期工作。 尤其是在将所有依赖项和编译文件捆绑在分发文件夹中并从那里运行项目时。

我需要什么：

• Automated.pug 编译到 ./dist（保存/构建时）
• Automated.styl 编译到 ./dist/css（保存/构建时）
• 自动缩小和捆绑 ES6 vanilla js 文件到 ./dist/js（构建时）
• 将依赖项自动下载到发行版（构建时）

有人知道我如何在 VS 代码中设置这样的工作区吗？