question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Documentation is unclear about how to structure the grunt.js file

See original GitHub issue

The documentation (https://github.com/twolfson/spritesheet-templates#scss_maps) has this:

Options: functions Boolean - Flag to include mixins or not By default this is true (mixins will be included)

I have no idea how to exclude the mixins based on that 😕 I need an example. What do I need to do to this to turn off mixins?

    sprite:{
        all: {
            src: 'assets/images/auto-sprite/source-files/*.png',
            dest: 'assets/images/auto-sprite/auto-spritesheet.png',
            destCss: 'assets/sass/sprites.scss',
            cssFormat: 'scss_maps',
            padding: 2,
            options: {
                mixins: false,
            }
        },
    },

I would like to be able to put the mixins in a different folder to the scss maps.

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Dan503commented, Feb 2, 2015

But I don’t see any examples that look somewhat like the example I gave in the original post. That is the standard way of structuring grunt.js code. Anyone new to grunt would be completely and utterly lost trying to follow the examples you are currently providing in the documentation.

1reaction
Dan503commented, Feb 2, 2015

Thanks for the help, the sprite sheet variable names are being named how I want them now 😃

This issue isn’t really closed though. The problem is that the documentation for spritesmith wasn’t clear enough for me to figure that out on my own.

There are barely any examples across both spritesmith and spritesheet-templates of what the grunt file is supposed to look like when using various features. Could you add a bunch of code snippets with examples of how the grunt file should be structured? I spent hours getting as far as I did trying to decipher your documentation. This is bound to be an issue for other people wanting to use spritesmith but unable to figure out how to use it.

(great work on such a robust grunt plugin by the way. It’s so much better than using compass for auto-spriting)

Read more comments on GitHub >

github_iconTop Results From Across the Web

grunt.file - Grunt: The JavaScript Task Runner
Write the specified contents to a file, creating intermediate directories if necessary. Strings will be encoded using the specified character encoding, ...
Read more >
Understanding basic grunt file - uglify - Stack Overflow
I believe the documentation does say that grunt uses some kind of a templating language? The config.get method (used by many tasks) ...
Read more >
Error: watch Unknown system errno 58 when using grunt ...
I set up my file structure for grunt.js in Adobe Edge Code CC, I switched over to Dreamweaver to do some code editing...
Read more >
Getting started with Grunt.js - Semaphore Tutorial
First write some style rules in your main.scss . After that we can configure Grunt to process the Sass file with one command....
Read more >
Grunt for People Who Think Things Like Grunt are Weird and ...
js file is where we write our own code, so that will be right in the /js/ folder. Now let's tell Grunt to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found