Home » Javascript » What is the role of src and dist folders?

What is the role of src and dist folders?

Posted by: admin November 29, 2017 Leave a comment


I’m looking at a git repo for a jquery plugin. I want to make a few changes for use in my own project, but when I opened up the repo it had a structure I’ve never seen before. I’m not sure which files to use / copy into my own project.

There is a “dist” and a “src” folder. What purpose do these serve? Is this something specific for gruntjs or maybe jquery plugins?

The git repo I’m curious about: https://github.com/ducksboard/gridster.js


src/ stands for source, and is the raw code before minification or concatenation or some other compilation – used to read/edit the code.

dist/ stands for distribution, and is the minified/concatenated version – actually used on production sites.

This is a common task that is done for assets on the web to make them smaller.

You can see an example here: http://blog.kevinchisholm.com/javascript/node-js/javascript-concatenation-and-minification-with-the-grunt-js-task-runer/