I am new to NodeJS build tools such as Grunt, and have a very simple project with only JS and SCSS files. The structure is very simple:

├─ main.js
├─ somefolder/
│  ├─ somefile1.js
│  └─ somefile2.js  
└─ vendor
   ├─ jquery.js
   └─ bootstrap.js 
├─ main.scss
├─ somefolder/
│  ├─ somefile1.scss
│  └─ somefile2.scss 
└─ vendor
   ├─ bootstrap/
   │  └─ bootstrap specific scss
   │     └─ ....
   │        └─ ....
   └─ bootstrap.scss

What I am searching for is a simple, fast and easy to use build tool which just compiles this into:

├─ js/
│  └─ main.js
└─ css/
   └─ main.css

I'd also like that the JS and SCSS get concatenated in a certain order. Autocompile on filechange, e.g. when a file got uploaded per SFTP upload would be nice, but is not the most important feature.

So my question would be:

What would be the, for this purpose, best fitting and easiest to use build tool? I don't want to start any back and forth discussions on which one is the absolute best tool for everything on earth :D The reason for why I am asking this question is because I was looking at the Grunt documentation yesterday and it seemed pretty hard to learn to me, especially with the SCSS and ordered compile. I am also very busy with other projects, which mostly is the reason for why I am searching for a "easy" solution without having to mess around with e.g. Grunt a whole day to get it working. I know you people hate these beginner questions, but everyone starts at some time. So I please you to go easy on me.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.