generator-mincer
Getting Started
Install yeoman
npm install -g yo
Install generator-mincer generator
To install generator-mincer from npm, run:
npm install -g generator-mincer
Finally, initiate the generator:
It'll create an application based on Mincer example app, with less, coffee-script, and jQuery / Bootstrap as bower dependencies.
$ mkdir mincer-webapp && cd mincer-webapp$ yo mincer create assets/images/stripes.png create assets/javascripts/app.js.coffee create assets/javascripts/templates/foobar.jst.jade create assets/stylesheets/app.css.less create bower.json create index.html create views/layout.jade create views/view.hbs create .mincerrc I'm all done. Running bower install & npm install for you to install the required dependencies. If this fails, try running the command yourself. bower jquery#~2.1.1 cached git://github.com/jquery/jquery.git#2.1.1bower jquery#~2.1.1 validate 2.1.1 against git://github.com/jquery/jquery.git#~2.1.1bower bootstrap#~3.2.0 cached git://github.com/twbs/bootstrap.git#3.2.0bower bootstrap#~3.2.0 validate 3.2.0 against git://github.com/twbs/bootstrap.git#~3.2.0bower jquery#~2.1.1 install jquery#2.1.1bower bootstrap#~3.2.0 install bootstrap#3.2.0 jquery#2.1.1 bower_components/jquery bootstrap#3.2.0 bower_components/bootstrap└── jquery#2.1.1npm WARN package.json mincerize@0.0.1 No repository field. Your app is ready.Try starting the server with yo mincer:serveand browse the app at http://localhost:3000
Serve the webapp
Start the development and asset pipeline server
$ yo mincer:serve # with more logs $ DEBUG=mincer* yo mincer:servemincerize:serve Monitoring changes
Build
This command lets you build assets that are used within the index.html
file, and available in one of Mincer's include paths. It'll create an
index.html.bak
backup file with original content, and modify the
original HTML file with revved assets.
$ DEBUG=mincer* yo mincer:build index.html --includes=assets/stylesheets --includes=assets/javascripts --includes=bower_components... Adding assets/stylesheets, assets/javascripts, bower_components paths to Mincer environment ...... Start build ...... Compiling 3 assets ...Writing /home/mk/src/mklabs/generator-mincer/test/scaffold/build/app-cbd013f8a6957a5f1b83565d9abc303c.cssWriting /home/mk/src/mklabs/generator-mincer/test/scaffold/build/app-ddff28408b4cab1bf96f19ec9418017a.js... Manifest: /home/mk/src/mklabs/generator-mincer/test/scaffold/build/manifest.json ...... Replacing original reference in HTML ...Result HTML:<!DOCTYPE html><html lang="en"> <head> <title>Mincer demo</title> <link rel="stylesheet" type="text/css" href="build/app-cbd013f8a6957a5f1b83565d9abc303c.css" /> </head> <body> <div class="container"> <h1>Mincer demo</h1> </div> <script src="build/app-ddff28408b4cab1bf96f19ec9418017a.js"></script> <script src="http://localhost:3000/livereload.js"></script> </body></html> Creating backup file, original content to index.html.bak
License
MIT