前端JavaScript的构建系统

Question

我对现代JS开发还很陌生，但是还没有找到答案。对于我们的网站，我们开发了一个JS库。我们还依赖于许多其他库（引导程序，jquery等）。

我们开始使用npm和rollup来捆绑（并最小化）需要它们的页面的JS代码和依赖项。布局是这样的：

javascript/
├── lib
│   │── package.json
│   ├── index.js
│   ...
└── plugins
    ├── page1
    │   │── build
    │   │   └── page1-bundle.js
    │   │── package.json
    │   ├── index.js
    │   ...
    ├── page2
    │   │── build
    │   │   └── page2-bundle.js
    │   │── package.json
    │   ├── index.js
    │   ...
    ...

page1将包含文件javascript/page1/build/page1-bundle.js。

package.json中的plugins/page*/文件都包含相同的npm脚本来创建捆绑包。编写脚本来捆绑所有内容很容易（对于所有目录，基本上都是npm install && npm run bundle）。

但是，真正的构建系统将允许：

• 仅在发生更改时才运行命令
• 不要在开发模式中缩小规模
• 分发缩小的分发包以供发布

您会为这种情况推荐哪种构建系统？

编辑：我正在考虑使用autotools + make之类的东西，尤其是为了简化发布；实际上，我曾经考虑过使用这种组合，但是我想知道对于这种情况，某些工具是否更适合或更通用。