Grunting grunts with grunt & serving a pattern catalogue
As stated in the original docs:
Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-patternprimer --save-dev
Run this task with the
Task targets, files and options may be specified according to the grunt Configuring tasks guide.
This is the Place all your HTML extracts (the pattern files) live it is relative to thefolder of your project.
Array with all the css files you that should be loaded in the parttern primer.
Note: You can also specify remote ressources like
http://my.domain.com/style.css. They will be downloaded and stored locally in case of a snapshot. Does not work with ressorces from
Specifies the destination of the pattern files when running a snapshot build and/or running the live server.
Ports that should be used when running the live server. The first index of that array will be used to serve the contents of the
patternsfolder live, the second port will be used to serve your last snapshot build (if one exists).
The location of your pattern catalogue, this source will be used to deliver the pattern catalogue from the live server and to generate snapshots from it.
Determines if a live server should be fired up, or if the output ends up in the via
destconfigured snapshot directory.
Define your own index template for the patterns. Should be a file ending with the
.htmlextension. Please omit the closing