D.R.Y. Grunt

Published on March 28, 2016

D.R.Y. Grunt featured image

Grunt’d was created to be a flexible Grunt configuration that I could easily ‘Drag & Drop’ into a new project and begin writing code immediately. Within the first few weeks of working at Lycos I had a basic implementation which could be seamlessly dropped into static html sites as well as Yii2 projects.

Grunt'd - Basic

Configurable

The main configuration after dragging Grunt’d into a project is to update project.js to contain appropriate links to each resource.

module.exports = {
    paths: {
        webroot: 'app/web',
        sass: 'app/lygo/static/<%= pkg.name %>/scss',
        css: 'app/lygo/static/<%= pkg.name %>/css',
        js: 'app/lygo/static/<%= pkg.name %>/js',
    },
    banner:
        '/*!n' +
        ' * <%= pkg.name %>n' +
        ' * <%= pkg.description %>n' +
        ' * <%= pkg.title %>n' +
        ' * <%= pkg.url %>n' +
        ' * @author <%= pkg.author %>n' +
        ' * @version <%= pkg.version %>n' +
        ' */nnn',
};

Starter Files

After going back and forth I decided to roll up a few skeleton starter files for both SCSS and Javascript. The main.js was originally taken from the Roots project.

Grunt - Build

Back to Projects

griffen.codes

made with 💖 and

2024 © all rights are reserved | updated 52 seconds ago

Footer Background Image