Documentation is unclear about how to structure the grunt.js file
See original GitHub issueThe 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:
- Created 9 years ago
- Comments:5 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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.
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)